I want the active menu item to be white. It works at the first level, but not at the second. For instance, clicking on “Installations” leads to a page showing small images and on this page “Installations” stays white as expected.
But when I click on a small image (let’s say the first one since the rest of the site is under construction), which leads to the specific project page (2nd level), “Installations” doesn’t stay white. I tried to identify the proper selector with Firebug but nothing works.
My CSS works fine for the hover effect (also white):
#access a:hover,
#access ul li.current-menu-item a,
#access ul li.current_page_ancestor a,
#access ul li.current-menu-ancestor a,
#access ul li.current_page_item a,
#access ul li:hover > a {
color: #fff;
}
But why am I unable to keep the current or active menu item also white?
#access a:active,
#access ul li.current-menu-item a,
#access ul li.current_page_ancestor a,
#access ul li.current-menu-ancestor a,
#access ul li.current_page_item a,
#access ul li:active > a {
color: #fff;
}
.
.