I'm using a horizontal (nav-bar style) Superfish menu. I have a white
background with black text in the nav bar. When I hover over it, it
changes to green background with white text.

The problem is, when I am not hovering over a menu item (i.e. I am in
the sub-nav, or nowhere in the menu) the "current" item's text goes
back to black. This creates black text on a green background...

I'm trying to get it so that no matter what, it will always be white
text on a green background.

I've tried:

.sf-navbar li:hover, .sf-navbar li.sfHover, .sf-navbar a:focus, .sf-
navbar a:hover, .sf-navbar a:active {
        background: #195085;
        color: #fff;
}

But this only fixes the hover state. I'm not sure how to target the
parent li with the green background in the CSS.

Thanks.

Reply via email to