The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] Hover color on dropdown menu

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #152194

    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:

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

    Any ideas? Many thanks.



    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.


    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.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.