Change Color in Main Menu: Hover
Published on June 22, 2016
Published on Wealthy Affiliate — a platform for building real online businesses with modern training and AI.
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;
Ready to put this into action?
Start your free journey today — no credit card required.
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!
Share this insight
This conversation is happening inside the community.
Join free to continue it.The Internet Changed. Now It Is Time to Build Differently.
If this article resonated, the next step is learning how to apply it. Inside Wealthy Affiliate, we break this down into practical steps you can use to build a real online business.
No credit card. Instant access.