Link Conundrums

  • 2
  • Question
  • Updated 9 years ago
  • Answered
Hi

I would like to know how I can create and internal link on my website without having a line underneath it once it is active. It looks quite messy and displeasing to the eye if it had lots of lines everywhere. I would prefer to highlight the links with a different colour rather than having them underlined. Any pointers would be gratefully accepted.

Thanks
Stewart
Photo of Stewart Scott

Stewart Scott

  • 121 Posts
  • 3 Reply Likes
  • Feeling Creative

Posted 9 years ago

  • 2
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hi Stewart Scott

There are a couple of ways to accomplish this.

1. You can use this code: <a style="text-decoration:none" href="YOUR LINK URL">YOUR TEXT LINK</a>

or

2. You can apply a style tag to your whole page. Depending on the template you are using, this may or may not work links entered in your text widget. It will work for sure on any text entered in an HTML widget box. You drag an HTML box and paste this code into it. Then, place high up on your page. This should apply to your whole page. You can change the rgb color.

<style type="text/css"> a {text-decoration: none; font-family:Verdana; font-size:
10pt;} a:link {text-decoration: none; color: rgb(0, 102, 68);} a:hover {text-decoration: none; color: rgb(234, 99, 116);} </style>
Photo of Stewart Scott

Stewart Scott

  • 121 Posts
  • 3 Reply Likes
Thank you so much - that's sorted it!

Stewart
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Great! I'm happy to hear that it helped! =)
Photo of Kathleen

Kathleen

  • 7 Posts
  • 0 Reply Likes
Thanks for this code, littleus! It's great!
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
You're welcome Kathleen, I'm glad it was useful for you too.