Hyperlinks In Posts

• 

  westcoastflaneur · Member · Oct 23, 2015 at 10:41 pm

  • Copy link
  • Add topic to favorites

  Dear WordPress Fam,

  How do I get rid of the ugly, double underline that comes up when I hover or go to click any of my hyperlinks in my posts.

  Cheers

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

• 

  thesacredpath · Member · Oct 24, 2015 at 1:39 am

  • Copy link

  Hi there, the following CSS will take things back to just the single underline when a link in your content or comments is hovered.

  .entry-summary a:hover, .entry-content a:hover, a.comment-reply-link:hover, .comment-content a:hover {
      border-bottom: none;
  }

  In general it is a good idea to somehow differentiate links when hovered to help visitors know that they are on a link. This can be done with a color change or underline on hover, and a number of other styling.

  If you would like to include a color change, add the following instead and adjust the color as desired.

  .entry-summary a:hover, .entry-content a:hover, a.comment-reply-link:hover, .comment-content a:hover {
      border-bottom: none;
      color: #000;
  }

• 

  westcoastflaneur · Member · Oct 24, 2015 at 5:08 am

  • Copy link

  Great! Thank you Sir, and I appreciate the tip – I used that.

  Cheers

• 

  thesacredpath · Member · Oct 24, 2015 at 7:02 am

  • Copy link

  You are welcome.