Underline under hyperlink like this

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;
}

thanks

You're welcome

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?

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;
}

Thanks!

No problem :)