[Resolved] change hover color in h4

[Jose Cámara]

Hi:
I’m trying to change hover color in my h4 text.
Example: https://mipropiogym.com/comprar-unas-zapatillas-de-fitness/
The text in “Asics Gel-Rocket 9” is this color #ff0000 (red) in my WP editor. I’d like it to be a different color when hovering on it. I’ve tried to change this with Customizer – colors- content but I didn’t manage to make it.
¿How can I do it?.
Thanks

[Elvin]

Hi there,

You can do it with CSS:

Say for example, you want h4’s hover text color to turn blue, you can do it like this:

h4:hover{
color: blue;
}

And if you specifically want this applied to h4 texts within the content area, you can do this:

.entry-content h4:hover{
color: blue;
}

Here’s how to add CSS: https://docs.generatepress.com/article/adding-css/

[Jose Cámara]

Thanks for your help.
Someone else told me about the cache. I’m using WP Super Cache and every time I go to settings inside the plugin it seems to be empty. So, I don’t know what’s happening….

[Elvin]

I’ve rechecked your site and I missed some parts. My bad.

Try this instead:

.entry-content h4:hover a *{
color: blue;
}

Your h4 elements was nested. It had <strong> and <a> links in it.

[Jose Cámara]

Thanks again

[Elvin]

No problem. 😀

[Author]

Posts