Remove Underline from Links

• 

  juliabirkinbine · Member · Feb 21, 2016 at 8:48 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I am trying to remove underlining from the hyperlinks throughout my website.

  I tried adding the below into my custom CSS, but it hasn’t changed anything.

  .entry-content a, .entry-summary a, .page-content a, .comment-content a, .pingback .comment-body > a, .textwidget a {
  border-bottom: none;
  }

  Also, I just updated my site’s fonts and now my un-linked text is gray while my linked text is black – HELP! I’ll happily keep the underlined link text if I can change everything back to the same black color.

  Thanks!

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

• 

  dianakcury · Member · Feb 21, 2016 at 9:02 pm

  • Copy link

  Hi Julia!

  Please try this CSS:

  body a {text-decoration:none!important;}
  body { color:#000!important }

• 

  juliabirkinbine · Member · Feb 21, 2016 at 9:26 pm

  • Copy link

  Hi Diana,

  Thank you, this was SO helpful!

  Is it possible to keep my hyperlinked text non-underlined, but change the text color from black to #40c0cb so the links are still noticeable?

  Let me know, thanks!

• 

  dianakcury · Member · Feb 21, 2016 at 10:28 pm

  • Copy link

  Hi!

  Yes, please replace the previous with this one:

  body { color:#000!important }
  
  a {text-decoration:none!important;color:#40c0cb!important}
  
  a:hover, a:visited {color:#75D1D9!important} /* when hovering */

• 

  juliabirkinbine · Member · Feb 21, 2016 at 10:32 pm

  • Copy link

  Hi Diana,

  Thank you SO much — your help has been amazing!

  -Julia

• 

  dianakcury · Member · Feb 21, 2016 at 10:34 pm

  • Copy link

  You are welcome :)