HTML Logo by World Wide Web Consortium (www.w3.org). Click to learn more about our commitment to accessibility and standards.

Moving forward with Composr

ocPortal has been relaunched as Composr CMS, which is now in beta. ocPortal 9 will be superseded by Composr 10.

Head over to compo.sr for our new site, and to our migration roadmap. Existing ocPortal member accounts have been mirrored.


CSS links confusion

Login / Search

 [ Join | More ]
 Add topic 
Posted
Rating:
#95252 (In Topic #18958)
Avatar

Community saint

I have almost completed the 'February' free theme, but, after much time spent overcoming several issues by editing the CSS, one 'niggly' problem remains. Three attachments follow that explain my predicament, and I am hoping that a CSS-Guru can step in and suggest a solution that will get me to the 'head-slapping' stage in the building of this theme.

Personally, I can live with it, because all the conflicts occur in the back end, mostly only seen by the Admin during the editing stages. However, I am sufficiently concerned about it not to release a theme that still has flaws.







All suggestions will be acted on immediately!

 :thumbs:

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Rating:
#95253
Avatar

For the menu try something like .menu_type__embossed a { color: white !important; }. The 'link_exempt' stuff is not really something you'd normally want to set a colour on.


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
Posted
Rating:
#95255
Avatar

Community saint

Thanks for the heads-up, Chris.

I think I have to step back, sloooooowly, and re-do the property's one at a time. If I recall correctly, I zapped .box first, and it did what I wanted throughout the site. Then when the started viewing all the other pages with a  magnifying glass it looked like that site-wide change has had an affect on everything, including 'links', and sometimes different to what was intended.

Some links are on-site, some off: some target a[target="_blank"], others body a.link_exempt, body link_exempt_wrap a, body a[href*=".php"], etc. etc. etc.

I tried to build a specific one by targetting body a[href*=".php?page"], but that didn't have the desired affect, and appeared to be too inclusive, snatching all types of local links!

Back to the drawing board.

 :thumbs:

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Rating:
#95261
Avatar

Community saint

I may be saying something you already know here, such as rules are sorted in the order of precedence when investigated through Firebug and you've noticed that some css properties have been struck out indicating that although the property was defined in the css stylesheet, it has been overridden elsewhere.

My suggestion would be to start looking at the bottom of the cascading style sheet making your way back up.  It could also have been overruled by a supporting css such has chat.css use of !important on the original rule. Color variables defined on top of global.css can easily be changed in that manner and difficult to trace back.

Back to the top
 
Posted
Rating:
#95268
Avatar

Community saint

Thanks for the reminder, Jean. I shall start tracking back up the CSS 'tree'.

I should have explained with more detail accompanying the screencaps, because I realise that, in this instance, the picture is misleading, inasmuch as it appears to deal with the 'Chat' element. I only used that page as an 'easier-to-display-all' example.

My particular problem has arisen through an oversight during the theme wizard building process. I used the seed colour I wanted, and asked for a 'light' theme. Then I proceeded to give the overall theme a 'dark' colour scheme on the fly!

Stupid ME!

Now, since the base text colour started out dark, and since I forced the change to a 'light' text to sit on a site-wide dark background, any text that appears in/on lighter coloured panels tends to disappear into the panel background unless I 'force' a darker text.

I really have to re-think this one. Tracking down individual instances of 'conflict' and changing them makes it essential to go back and check again that other 'conflicts' haven't cropped up elsewhere.

Who said themeing wasn't 'fun'?

NOT!

 :'(

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
1 guests and 0 members have just viewed this: None
Control functions:

Quick reply   Contract

Your name:
Your message: