Change Color in Main Menu: Hover

3
578 followers
Updated

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!

Login
Create Your Free Wealthy Affiliate Account Today!
icon
4-Steps to Success Class
icon
One Profit Ready Website
icon
Market Research & Analysis Tools
icon
Millionaire Mentorship
icon
Core “Business Start Up” Training

Recent Comments

1

Here is an assortment of WP color scheme plugins for your consideration:https://wptavern.com/10-free-plugins-to-customize-wordpress-admin-color-schemes

Login
Create Your Free Wealthy Affiliate Account Today!
icon
4-Steps to Success Class
icon
One Profit Ready Website
icon
Market Research & Analysis Tools
icon
Millionaire Mentorship
icon
Core “Business Start Up” Training