Remove underline on links

  • I’ve read about this many places but in my CSS sheet there is no text decoration for the links. The word ‘underline’ appears only twice, neither connected to links/URLs. I’m at a standstill trying to figure out how to remove the underlines and replace them with bold text.

    The blog I need help with is: (visible only to logged in users)

  • It’s possible the links are using a bottom-border instead of text-decoration. If you post your WordPress.com blog URL, then someone can help take a look at it. I would use browser tools to right-click on one of the underlined links and then select “Inspect Element”. In most modern browsers, that will pull up the web inspector and show you the HTML for the element you clicked on as well as the CSS that applies to it.

  • I have a little more follow-up on this. Now I can see that http://kylecallahanmysteries.com/ is linked to your username and it’s using the Chateau theme. Here is the stylesheet for Chateau:
    https://s1.wp.com/wp-content/themes/pub/chateau/style.css?m=1335393443g&minify=false

    In that stylesheet, there is a Links section where I found this CSS:

    .post-entry a {
    	color: #990000;
    	text-decoration: underline;
    }

    You can add the following to your Appearance → Custom Design → CSS to turn off underlining and make links bold inside posts:

    .post-entry a {
    	font-weight: bold;
    	text-decoration: none;
    }
  • The topic ‘Remove underline on links’ is closed to new replies.