Problem with current page hover – WeaverII

Looks liek this is what’s causing it to stay green

.menu_bar .current_page_item > a, .menu_bar .current_page_ancestor > a {
    color: #008C82 !important;
}

Thanks, zeaks. I should have been more specific with my question. You’ve definitely identified the problem, but the real issue is that I haven’t found a way to fix it that only changes the color on hover. CSS help is what I really need here.

Could you post what CSS you are using for the menu so far? Please also add any options you’ve choosen within Weaver admin that control the menu colors.

Wouldn’t just changing the above code I posted to #FFFFFF work? I find menus can be confusing with the hover on/off active and submenus so maybe I’m totally wrong>.<

Thanks for the effort. I’ve found changes to WeaverII much more challenging than previous versions – especially for menus.

Changing the code above to #FFFFFF makes the text white all the time, so it will not show up at all unless you hover. I tried adding `.menu_bar .current_page_item > a: hover, .menu_bar .current_page_ancestor > a: hover {
color: #008C82 !important;
}`
to no avail. I’ve tried repeatedly to style both .current_page_item and .current_page_ancestor, but I don’t understand the structure of the CSS the way it’s written in Weaver II and can’t get it to change anything.

Here’s a screengrab of the settings I have for Weaver menus. I’ve removed all other custom CSS I’ve tried. The complete code (at least what I’ve been able to find) in the Weaver stylesheet is:

[131 lines of CSS moderated as per the Forum Rules. Please just post a link to your site.]

Solved.

.menu_bar .current_page_item > a:hover, .menu_bar .current_page_ancestor > a:hover {
    color: #FFFFFF !important;
}

Had already tried this but left out !important; Doesn’t work without it.