CSS Sub-Menu Hover Color (not background)

  • Author
  • #3317082

    How do I change the hover color over my sub-menu? It’s a blue color and I want to change it to a light grey. I have the background set to white, font set to black, but when I hover over the few sub-menus that I have it is an ugly blue that does not match my site’s colors.

    I am running Boot Store Theme.

    The blog I need help with is www.life-principles.net.



    I just had a look at your website (https://www.life-principles.net/) and I could see that there’s already some CSS added to make the hover color be black. Have you managed to sort this out in the meantime?



    Hi Radu,

    Thank you for the reply. I was able to figure it out last night.

    I am not sure if this is an industry standard, but the developer for Boot Store put a background-image up and that confused me. It would not work if used none for the background-image. I just used the color I wanted for both linear-gradients…and it worked.

    .sub-menu > li > a:hover, .sub-menu > li > a:focus {background-color: white; color: black; background-image: linear-gradient(to bottom, #c2c4c6, #c2c4c6) !important;}

    Thanks again.


The topic ‘CSS Sub-Menu Hover Color (not background)’ is closed to new replies.