[resolved] Removing the underline from the footnote link (3 posts)

  1. bfootdav
    Posted 3 years ago #

    By default my theme puts a line underneath hyperlinks. It looks fine in most cases but not underneath the numbered footnote link. I was wondering if there were an easy way to change this -- I've been looking for somewhere to insert something like "text-decoration: none;" but so far I haven't been able to find anything.


  2. bonikowsky
    Posted 3 years ago #

    I'm certainly not an expert and there may be a way to do this only for the footnotes, but I had the same problem, and I just switched the actions for links in my general template stylesheet.

    (i.e. switched div.post-body a {
    to text-decoration:none and div.post-body a:hover { to text-decoration:underline

    This of course affects all links, not just the footnotes.

  3. bfootdav
    Posted 3 years ago #

    OK, this might be theme-specific but looking through the css file I finally noticed the line:

    .entry-content a {text-decoration:none; border-bottom:1px solid #aaa;}

    The text-decoration is set to none but the border-bottom has that 1px line. So I added:
    .entry-content sup a {text-decoration:none; border-bottom: 0px;}

    And it's all working as expected: the underline is gone from the footnote links but all other links remain (except superscript links, but other than with footnotes how often is one going to put a link in a superscript?).

    I guess the lesson is that it might not be a text-decoration issue but a border-bottom one.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic


No tags yet.