How to underline the hyperlinks in my posts?

• 

  lorenedevbil · Member · Apr 4, 2017 at 4:54 pm

  • Copy link
  • Add topic to favorites

  Hi,

  When I insert an hyperlink in my posts the words appear with a different color but since I’m also using bold and color to guide the reader, the hyperlinks are not recognizable anymore.

  I wish to underline them but I can’t find how.

  Coudl you please help me?

  Thanks you very much in advance.

  Loren

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

• 

  otpidusprime · Member · Apr 4, 2017 at 5:07 pm

  • Copy link

  Hi there,
  I can already see underlines on the links of your posts. I am assuming you are using the underline feature of the post editor and manually adding underlines to your link.

  So to minimize yours effort to get an underline for your links, you can use CSS and add the following code:

  a {
      text-decoration: underline;
  }

  And if you want a fancy underline for your links, then use any one of the following CSS codes:
  A Fat underline:

  a {
      border-bottom: 2px solid;
  }

  A Dashed underline:

  a {
      border-bottom: 2px dashed;
  }

  Make sure you remove the underlines that you added manually before making these CSS changes.

  Hope this helps :)

• 

  lorenedevbil · Member · Apr 4, 2017 at 7:13 pm

  • Copy link

  Thank you very much, but how can I limit the underlining to just de contents of my posts?

  If you look at the blog now, every link is underlined (pictures, posts titles, footer…) and it’s not really nice :(

  Thanks for your help.

• 

  otpidusprime · Member · Apr 5, 2017 at 6:36 am

  • Copy link

  Okay to target the links only inside the post content, just add .entry-content before a in the code i gave previously, like this:

  .entry-content a {
      border-bottom: 2px solid;
  }

  Same goes for the dashed underline style as well.

  Hope this helps :)

• 

  lorenedevbil · Member · Apr 5, 2017 at 4:43 pm

  • Copy link

  Brilliant, thanks a lot!

• 

  otpidusprime · Member · Apr 6, 2017 at 7:54 am

  • Copy link

  You’re Welcome! :)