Support » Theme: Tracks » How to disable hyperlink underline?

  • Resolved TipsHatPolitely

    (@tipshatpolitely)


    Hello! Trying to figure out how to eliminate the underline in my hyperlinks in the Tracks theme. I’ve tried changing the following code from:

    a {
      text-decoration: none;
      color: #222222;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
    }
    a:link {
      color: #222222;
    }
    a:visited, a:hover, a:active, a:focus {
      color: black;
    }
    
    article a {
      text-decoration: underline;
    }

    to…

    a {
      text-decoration: none;
      color: #222222;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
    }
    a:link {
      color: #222222;
    }
    a:visited, a:hover, a:active, a:focus {
      color: black;
    }
    
    article a {
      text-decoration: none;
    }

    The difference is in the last bit, where I’ve changed “text-decoration: underline;” to “text-decoration: none;” Yet when I update, there’s no change to my site’s hyperlinks. Here’s one of my pages with hyperlinks: http://www.jeffrosickmusic.com/tv-film

    Any ideas?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Okay let me post what I shared in the other thread:

    The changes you were making were to the style.css file, but Tracks loads a minified version called style.min.css to improve performance. This is why the changes were not taking affect.

    It’s generally a bad idea to edit Tracks’ files because you will lose all of your changes when you update to a newer version.

    To make changes to the CSS, you want to copy the code and add it to the Custom CSS section in the Customizer, or use a child theme. Then you can safely edit it there and you won’t ever lose your customizations.

    So if you add the following to the Custom CSS section in the Customizer, it will remove the link underlines:

    article a {
      text-decoration: none;
    }
    Thread Starter TipsHatPolitely

    (@tipshatpolitely)

    Aha! Thanks so much, Ben!

    Theme Author Ben Sibley

    (@bensibley)

    No problem!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to disable hyperlink underline?’ is closed to new replies.