Change Color in Main Menu: Hover

byRachC

577 followers

9 years ago

Just thought I would throw this out there for anyone looking for this information. I have been messing around with CSS coding for the better part of the day and I finally found what worked for my theme.

The background on my menu is opacity or transparent and it makes my menu titles very hard to read. Changing the font color didn't even help.

You can plug this code into Appearance>Customize>CSS and it will change your menu background to the color combinations you choose when you hover over the links.

#nav ul li a:hover{

color:red !important;

background:yellow !important;

}

To better explain this, here is the one I plugged in.

.omega-nav-menu ul li a:hover{

color:black !important;

background:white !important;

}

If your theme doesn't have CSS then you can use Simple Custom CSS plugin.

Hope this saves you some time!