Archived topic
change hover color in h4
5 replies · Started by Jose Cámara on February 1, 2021
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
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/
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....
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.
Thanks again
No problem. :D