Site logo

[Resolved] How to give space between link and underline?

Home Forums Support [Resolved] How to give space between link and underline?

Home Forums Support How to give space between link and underline?

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #910178
    Ravi Dixit

    Some months ago, I asked How to underline links in post and pages. You can check this thread.

    That code is working properly, but I want to give space between the link and underline. Because some words that have a long tail like y, g and some other words cut the line.

    You can see the example of the same on this page…

    How can I do this?

    #910367
    David
    Staff
    Customer Support

    Hi there,

    instead of the text-decoration: underline; property you would use border-bottom: 1px solid #33ff33;

    #910414
    Ravi Dixit

    Thanks, David!

    It is working as I need, Thanks for your support.

    #910630
    Ravi Dixit

    Hey, David!

    I have added the CSS and its working fine also but now I have noticed that it is also underlining the links in Author Box.

    I am using the StarBox plugin to show author box…

    You can see the live example here.

    Please help with this…

    #910746
    Leo
    Staff
    Customer Support

    Add this CSS as well:

    .abh_tab_content .abh_text a {
        border-bottom: 0 !important;
    }
    #910919
    Ravi Dixit

    It is working but showing border on hover…

    #911066
    David
    Staff
    Customer Support

    I edited Leos CSS to include !important which should fix that.

    #1222075
    Ravi Dixit

    Hey, David!

    How I can hide the Underline from the headings, H2 H3 H4 etc…

    It adds underline in headings when I add a link.

    Please help

    #1222479
    Leo
    Staff
    Customer Support

    Can you link me to the page in question?

    #1222873
    Ravi Dixit

    Hey, Leo!

    Check on this page: https://www.staymeonline.com/lazy-load/#best_lazy_load_wordpress_plugins

    A heading Bj Lazy Load has the underline.

    #1222891
    Leo
    Staff
    Customer Support

    Add this:

    .single .entry-content h3 a {
        border-bottom: none;
    }
    #1222895
    Ravi Dixit

    It is working, I want to make it for all headings, h2 h3 h4

    #1222896
    Leo
    Staff
    Customer Support

    Keep adding to the CSS like this:

    .single .entry-content h2 a,
    .single .entry-content h3 a,
    .single .entry-content h4 a {
        border-bottom: none;
    }
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.