• sjwickes

    (@sjwickes)


    Hi,
    have built a website using twenty seventeen and some custom css code that I have found (I’m really not a coder!).

    I’m having trouble with the size of the gap underneath hyperlinked words, see that page link. For example in the articles’ titles the hyperlink goes over the top of the words from the line below.
    Can anyone help narrow the space between the word and its hyperlink underline?

    Thank you

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    In the “Additional CSS” section of the dashboard add this:

    
    .entry-title a {
        display: block;
    }
    

    https://codex.ww.wp.xz.cn/CSS#Custom_CSS_in_WordPress

    Thread Starter sjwickes

    (@sjwickes)

    Brilliant, so easy I guess!
    Thank you

    Thread Starter sjwickes

    (@sjwickes)

    Hi,
    unfortunately, it appears I was presumptive in thinking this solution worked.
    If you look at the page
    https://katehealeyhappy.com/blog/articles
    you can see that the underlining that appears under the titles of the blog goes over the text of the line below.

    I’ve tried changing padding etc, but it doesn’t seem to work.
    I just want the underline to sit right under the text rather than the large gap.
    Thanks

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    This is caused by your Facebook Feed plugin in its “Custom CSS” section:

    
    .entry-title a {
        display: inline;
    

    Remove that.

    Thread Starter sjwickes

    (@sjwickes)

    Aha! Hadn’t thought of that. Thank you.

    Is there a way of narrowing the gap between the hyperlink text and the underline though?

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Narrow hyperlink underline’ is closed to new replies.