CSS Sub-Menu Hover Color (not background)

• 

  spiritoflight33 · Member · May 28, 2019 at 7:25 pm

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  raduconstantin1 · Member · May 29, 2019 at 5:37 am

  • Copy link

  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

• 

  spiritoflight33 · Member · May 29, 2019 at 2:52 pm

  • Copy link

  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