Underlining links

  • Resolved twoflour

    (@twoflour)


    9 years, 8 months ago

    I’m having trouble with this too, and tried the suggestions in the earlier thread about this, without success.

    Using

    a: link {
text-decoration: underline;
}

    works fine, except that it underlines the menu items & blog post titles.

    I tried adding in the .entry-content but clearly my alteration is not correct as we go back to no underlining at all.
    Tried both of these with no result..

    .entry-content a {
text-decoration:underline;
}
    .entry-content a:link {
text-decoration:underline;
}

    Any ideas what I’m doing wrong? Thanks.

    Really nice theme by the way. ??

Viewing 9 replies - 1 through 9 (of 9 total)
  • hannah

    (@hannahritner)

    Hey,
    It is easy for a post to get over-looked when it is marked as resolved. Sorry about that:)
    Try adding this css:

    p a {
text-decoration: underline !important;
}

    Hope that works!

    Hannah

    Thread Starter twoflour

    (@twoflour)

    Hi Hannah,

    Thanks so much for your speedy reply. It seems to have worked a treat. ??
    And yeah, I figured I’d need to start a new thread to get noticed.

    -Lynn-

    Thread Starter twoflour

    (@twoflour)

    Hey Hannah,

    Clicked resolved too quickly.
    I’ve just noticed that this doesn’t work with bullet point lists and when I add in

    ul a {
text-decoration: underline !important;
}

    or

    li a {
text-decoration: underline !important;
}

    The page menu becomes underlined. :/
    Do I have any options on this one?

    Thanks.
    Lynn

    twoflour, can you post a link?

    Kadence Themes

    Thread Starter twoflour

    (@twoflour)

    This is with

    ul a {
text-decoration: underline !important;
}

    in the custom css

    https://testing.nchenz.org.nz

    hannah

    (@hannahritner)

    I’m only seeing bullet points in your sidebar. Do you have them anywhere else? If not you could try using this:

    .sidebar a:link {
text-decoration: underline;
}

    Hannah

    Thread Starter twoflour

    (@twoflour)

    Hi Hannah,

    We’re using column layout so no sidebars. A friend & colleague has suggested these changes, which seem to work just fine.

    ul a {
text-decoration:underline;
}

#nav-main ul.sf-menu a {
text-decoration:none;
}

    -Lynn-

    Hey, same issue. I would like the links to be underlined. Used your suggestion:

    p a {
    text-decoration: underline !important;
    }

    that worked, except I would like to exclude it from appearing in my buttons.

    suggestions?

    Many thanks,
    ~ginger

    hannah

    (@hannahritner)

    Hey Ginger,
    That css shouldn’t be applying to buttons? Can you please start a new thread and provide a link to your site?
    Thanks,

    Hannah

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Underlining links’ is closed to new replies.