[Support request] Underline under hyperlink like this

[Sanu Kumar]

Do I know how to achieve like this website is using underline in the hyperlinks, when we take our cursor to the links, the underline disappears. How to achieve that?

[David]

Hi there,

remove the CSS you currently have for the link underline, and try this CSS:

.entry-content a:not(.button) {
    border-bottom: 2px solid rgba(91,201,187,.4);
    transition: all 0.2s ease-in;
}

.entry-content a:not(.button):hover {
    border-bottom: 2px solid rgba(91,201,187,0);
    transition: all 0.2s ease-in;
}

[Sanu Kumar]

thanks

[David]

You’re welcome

[Antonio]

Hello,

very nice effect!
I used this css in my site but now buttons created with generate blocks are underlined.
How to exclude generate blocks buttons from this css?

[Ying]

Hi Antonio,

You could try this CSS:

.entry-content a:not(.button):not(.gb-button) {
    border-bottom: 2px solid rgba(91,201,187,.4);
    transition: all 0.2s ease-in;
}

.entry-content a:not(.button):hover:not(.gb-button):hover {
    border-bottom: 2px solid rgba(91,201,187,0);
    transition: all 0.2s ease-in;
}

[Antonio]

Thanks!

[Ying]

No problem 🙂

[Author]

Posts