How to change the color of the hover text

  • Resolved misaka1

    (@misaka1)


    1 year, 4 months ago

    Hi,

    I love Blocksy – for me, it’s the best WP theme! So thank you for creating such a neat theme that has so many features.

    However, I am unable to find one specific thing – there is a function to change the hover color of the link but with the “type 4” link, I can’t find the option to change the text color after the hover color of the link is activated. When I hover over the link, it creates a pink block over the link (which is the specified pink color that I chose) but the color of the text of the link stays white always. Is there somewhere an option to change the text within it or do I have to put something in an additional CSS block?

    Thanks!

    • This topic was modified 1 year, 4 months ago by misaka1.
    • This topic was modified 1 year, 4 months ago by misaka1.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hi @misaka1

    The colour of the hover link is pre-set to white in order to look good in 99% of cases. To modify this, you would need a little bit of CSS.

    Something like this should do the trick –

    [data-link=type-4] .entry-content p>a:hover, [data-link=type-4] .entry-content em>a:hover, [data-link=type-4] .entry-content strong>a:hover, [data-link=type-4] .entry-content>ul a:hover, [data-link=type-4] .entry-content>ol a:hover {
    color: red;
}

    Of course, change the colour to whatever you may like.

    Hope this helps!

    Thanks.

Viewing 1 replies (of 1 total)
  • The topic ‘How to change the color of the hover text’ is closed to new replies.