CSS Sub-Menu Hover Color (not background)

  • Author
    Posts
  • #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.

    #3317282

    Hey,

    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?

    Regards,
    Radu

    #3317482

    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.

    Rob

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