Font Hover State
Hello!
I’ve downloaded the Vantage Premium Theme to WordPress 4.3. When I hover in my custom menu .rigs-nav, the font disappears. I have tried several different variations of the font hover state in the Custom CSS, but can’t seem to fix it. Any suggestions? Below is the code I’ve written.
/*Custom Rigs Menu*/
.rigs-nav {
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 10px;
background-color: #F89821;
border-radius: 2px;
font-size: 125%;
font-weight: bold;
width: 150px;
text-align: left;
}
.rigs-nav li:hover {
color: #000000;
}
.rigs-nav a {
color: #000000;
}
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
5Hi Jdavidson788
Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.
This is a private message.
The hover color is being set as follows:
.entry-content a:hover, .entry-content a:focus, .entry-content a:active, #secondary a:hover, #masthead .hgroup a:hover, #masthead .hgroup a:focus, #masthead .hgroup a:active { color: #f89821; }That output is from the Customizer. You just need to set your own for this menu.
.entry-content .rigs-nav a:hover { color: #fff; }Ah! Perfection! Thanks a bunch, Andrew!
For sure :) Glad to hear that helped. All the best.
Replies on this thread are closed.
Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.