[Resolved] change hover color in h4

Home Forums Support [Resolved] change hover color in h4

Home Forums Support change hover color in h4

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1641901
    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

    #1642235
    Elvin
    Staff
    Customer Support

    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/

    A wise man once said:
    "Have you cleared your cache?"

    #1642508
    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….

    #1642721
    Elvin
    Staff
    Customer Support

    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.

    A wise man once said:
    "Have you cleared your cache?"

    #1642852
    Jose Cámara

    Thanks again

    #1643731
    Elvin
    Staff
    Customer Support

    No problem. 😀

    A wise man once said:
    "Have you cleared your cache?"

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.