Archived topic
Hover Color
9 replies · Started by Gabriel on May 11, 2020
Hello,
For the links in the primary navigation, I am getting a blue hover color that shouldn't be there. When I got to Customizing > Colors > Primary Navigation it shows the correct settings. What I want is no hover color at all in the primary navigation link (please see url)
Thank you.
Hi there,
Check the navigation colors in that header element:
https://docs.generatepress.com/article/header-element-overview/#navigation-colors
Let me know if this helps :)
Hey Leo,
Even when I tried changing the color there under Site Header and Navigation Background Hover it stays the same. If I try to change the font hover color, that works, but the background hover color does not.
Can I force a CSS for the front page only?
The option should definitely work.
Can you disable all caching plugins and Autopimize so I can take a closer look?
I only have Autoptimize, it has been cleared and disabled.
It looks like you have this CSS added in Additional CSS field in the customizer?
.header-wrap #site-navigation:not(.toggled) .main-nav > ul > li:hover > a {
background-color: #3498db !important;
}Right,
I believe I put that with the help to David to have that applied to the button on the Join Our Network. How can I make it just apply to the button? So that the other links don't have that.
Try this:
.header-wrap #site-navigation:not(.toggled) .main-nav > ul > li.join-network-class:hover > a {
background-color: #3498db !important;
}Leo,
A-M-A-Z-I-N-G. You are the best. Thank you!
No problem :)
