[Resolved] Hover Color

[Gabriel]

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.

[Leo]

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 🙂

[Gabriel]

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?

[Leo]

The option should definitely work.

Can you disable all caching plugins and Autopimize so I can take a closer look?

[Gabriel]

I only have Autoptimize, it has been cleared and disabled.

[Leo]

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;
}

[Gabriel]

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.

[Leo]

Try this:

.header-wrap #site-navigation:not(.toggled) .main-nav > ul > li.join-network-class:hover > a {
    background-color: #3498db !important;
}

[Gabriel]

Leo,

A-M-A-Z-I-N-G. You are the best. Thank you!

[Leo]

No problem 🙂

[Author]

Posts