WordPress.com

1. laurafern
   Member
   Mar 16, 2007, 8:03 PM

   Hello, I am working on my own site now (laurafern.wordpress.com), really just playing around with different things to learn a little more CSS and also make it pretty --

   I changed the color of the page navigation for the pages I one is not in under this section:

   ul#nav li a {

   I changed the background and text color easily here. It seemed then, that the color for the tab that is highlighed, or the page one is viewing, would be a few lines down under:

   ul#nav .current_page_item a,ul#nav .current_page_item a:hover {

   and while I can change the text color on that one just as I could in the first part, the "background" color won't change. Anyone know much about regulus, or suggest somewhere else I might have to dig for this?

2. trent
   Member
   Mar 16, 2007, 9:43 PM

   This is something that I was battling myself and not quite understanding! Found out this about Regulas, the color of the current page in the navigation, the search form and a part of the top of the calendar and the highlighted date are controlled by the 'Current Theme Options' under Presentation and can't seem to be overwritten with CSS. Believe me, I have tried and tried. It loads what I have in the CSS and then is overwritten by what is in those options. You have to deal with this because unless they change the theme, it just won't let you change it!

   Try it out yourself! If you change to the pink, orange, blue, green or white, it changes that portion in your site. That is why with trentadams.ca, I have decided on the white as it at least 'kinda' blends in versus the other colors!

   Hope that helps!

   Trent

3. laurafern
   Member
   Mar 17, 2007, 5:15 AM

   Huh -- wow, well, I feel somewhat better knowing that I tried most of the things that seemed logical, with my limited knowledge of CSS, and it's actually not something I was missing.... thanks for the info Trent.

   Laura

4. sunburntkamel
   Member
   Mar 17, 2007, 12:54 PM

   the color option in regulus are handled by a class on the body, e.g. body.orange, body.blue, etc.

   in your case, it's body.blend. if you include that in your CSS selector, you should be able to be more specific than the default:

   body.blend ul#nav li.current_page_item a,ul#nav li.current_page_item a:hover { }

5. trent
   Member
   Mar 17, 2007, 3:53 PM

   That is excellent Adam! I was wondering if I was ever going to get that fixed up!

   Cheers,

   Trent

Topic Closed

This topic has been closed to new replies.