[Support request] Underline under hyperlink like this

Home Forums Support [Support request] Underline under hyperlink like this

Home Forums Support Underline under hyperlink like this

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

    #1546210
    David
    Staff
    Customer Support

    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;
    }
    #1546670
    Sanu Kumar

    thanks

    #1546682
    David
    Staff
    Customer Support
    #1629581
    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?

    #1629654
    Ying
    Staff
    Customer Support

    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;
    }
    #1629723
    Antonio

    Thanks!

    #1630615
    Ying
    Staff
    Customer Support

    No problem 🙂

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