[Solved] link hover doesn't work on certain pages

[Bones_Jones]

hi guys, noob represent!

something weird is going on, and not sure how to fix it.

in here PROJECT is highlighted properly.
http://goo.gl/JptQwZ

but when you click the project, it goes away.
http://goo.gl/dDuA04

so this is what i added to custom css

.menu-item-42 a{
color: #999;
}

.menu-item-42 li a{
color: #999;
}

.menu-item-42 li a:hover{
color: #000;
}

but it doesn’t work…

what am i doing wrong?

please help! thx in advance!!!!

[Alen]

Try this

.current-page-ancestor a {
    color: #999;
}
.current-page-ancestor a:hover {
    color: #000;
}

[Alen]

You might need to add !important at the end of each value for color.

[Siva Ramachandran]

Just add the below styles

.sf-menu li.current-page-ancestor a {
color: #000;
}

[Author]

Posts