Underline Links

  • 1
  • Question
  • Updated 8 years ago
  • Answered
Can I make links underline themselves when you put your mouse over the link?
Photo of vasey888


  • 51 Posts
  • 0 Reply Likes

Posted 10 years ago

  • 1
Photo of Sanja


  • 10698 Posts
  • 495 Reply Likes
Hello Vasey888

Please try this:

1. Drag over an HTML Widget
2. Paste in the following code:
<style type="text/css">
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: red;}
3. Click on OK.
4. Save and update your site.

This will apply to all your links on that page.

Please let me know if you have any trouble with this.
Photo of vasey888


  • 51 Posts
  • 0 Reply Likes
OK AWESOME. But check out this page :


The other pages work - this one just goes red when you hover over the links - am puzzled - do I have some conflicting code? Thanks!!!
Photo of vasey888


  • 51 Posts
  • 0 Reply Likes
ah now I get it - sorted - thanks!
Photo of Mat


  • 7 Posts
  • 0 Reply Likes
I have just done this myself and it works great. How do I change the colour of the line though. Any Ideas?
Photo of Gop


  • 7473 Posts
  • 2115 Reply Likes

You can change the:
A:hover {text-decoration: underline; color: red;} line color: statement.

The allowable colors by name are 17 in number the so called standard colors:
aqua, black, blue, fuchsia, gray, grey, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow.

There are millions of colors available but most can't be discened by computer screens so there are lists of web-safe colors somehwere in the 200's range. To address these you need to use the color codes of which there are a few standards. The rgb code and the hex code are commonly used. These color codes can be inserted after your "color:" statement and may look like color:#00CED1 or something like color:rgb 255,0,0

Reference Color charts are available widely on the web.