It’s because that parent theme is using a more specific selector, so yours couldn’t overide it. Just put more weight on your selector to win it out.
#navigation .current-menu-item a,
#navigation .current_page_item a {
color: white;
}
The page one, I suppose it is for when it’s a page, so just put it there.
PERFECT! Thanks so much!!! I felt like I tried everything and that worked! Since I am working with a child theme I had to add “!important” after the color for it to show up and override the parent. This is how I put it in the CSS:
#navigation .current-menu-item a,
#navigation .current_page_item a {
color: #FFFFFF !important;
}
hmm, I think that should do it without the !important
bit.
I tested it at this page ( so current item is “about” )
http://themes.wptheming.com/portfolio/about/
and in Firebug, I put those 2 lines in at the bottommost of the main style.css
which is the same thing as below the @import
line of childtheme’s style, and it works, it changes color of “about”.
So how do you get it to work without changing the color of the sub-menu when only the parent page is current?