[Solved] Hover color on dropdown menu

[Ailsa_C]

Hi, I’m trying to get different hover colors to work on a dropdown menu. I implemented the code below to have a ‘green’ hover on one link, but the hover color keeps defaulting to yellow.

You’ll see what I mean if you hover over ‘The Five Criteria’ the first link should be green. Site url is: http://testwordpress.scoilnet.ie/wordpress/

.submenu-green {
background-color: #fffff !important;
}
.submenu-green ul li ul li a:hover {
background-color: #9cd05a !important;
}

Any ideas? Many thanks.

Ailsa

[Paulie_D]

There is truckload of !important statements in your CSS…that’s not usually a good sign.

#wrapper #nav ul li ul li a:hover, 
#wrapper #nav ul li ul li.current-menu-item a,
#header .cart-content a:hover,
#small-nav .cart-content a:hover {
background-color: #fff67d !important;
}

From the looks of it (and I can’t be certain) this isn’t declared in a css stylesheet so I’m not entirely sure where it is coming from.

I would contact the theme developer.

[Ailsa_C]

Thanks Paulie_D – yes it’s all very confusing. I gather it’s coming from the theme and I’ve specified a class in the WordPress menu – it works fine if i just want the background color a different color but it doesn’t accept a hover class. Anyway shall contact developer! Thanks for looking.
Ailsa

[Author]

Posts