Help removing Text box Hyperlinks

  • 1
  • Question
  • Updated 8 years ago
  • Answered
I know this qustion has been asked before but I need to know how to remove the white lines under the hyperlinks. I am not using the HTML widgets I am using text boxes.

Thanks in advance.
Photo of RIP Team

RIP Team

  • 4 Posts
  • 0 Reply Likes

Posted 8 years ago

  • 1
Photo of Kershnee

Kershnee

  • 2087 Posts
  • 152 Reply Likes
Hello RIP Team,

We can definitely help you with this. Hyperlinks in the text of your webpage are underlined by default - this is so that visitors to your site know that particular text is a link that they can click on. You would need to edit the HTML code in order to remove the underline:

1. Click inside the text widget and click on the HTML button on the text toolbar.
2. In the HTML editor that opens, change the HTML to look like this:
<a href="http://www.domain.com" style="text-decoration: none;">Link text here</a>
3. Click on ok.

You may see the underline in the Sitebuilder but if you Preview the page it will not appear.

If you have any problems with this, please let me know.
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Hi RIP Team,

If you don't want all the links on that page to be underlined, follow these steps:

1. Drag and drop an HTML widget anywhere on the page (Best when near the top of the page)

2. Paste this code in:

<!--

<style type="text/css">

a:link {
text-decoration: none;
color: LINK-REGULAR-COLOR;
}

a:visited {
text-decoration: none;
color: LINK-VISITED-COLOR;
}

a:hover {
text-decoration: none;
color: LINK-HOVER-COLOR;
}

</style>

-->

The "LINK-REGULAR-COLOR" is the regular link color. The "LINK-VISITED-COLOR" is the color of the link after the user has visited the link or page. The "LINK-HOVER-COLOR" is the color of the link when a user rolls over the link with their mouse.

3. Then, edit all of the stuff that you want that is in the code.

4. Now, click the blue "OK" button (Or Save, which ever it says for you) and then, save the page and preview it and you're done! All of your links shouldn't be underlined and they should be the colors you put in the code.

Also, remember to remove <!-- and --> from the code above.

Hope this helps.

If there is a problem with this code, please let me know

Nathan
Photo of RIP Team

RIP Team

  • 4 Posts
  • 0 Reply Likes
The line is still there no matter how I do it...will try another browser but if you have another idea let me know. Thanks
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Hey, I forgot, use this code instead:

<!--

<style type="text/css">

.Apple-style-span a:link {
text-decoration: none;
color: LINK-REGULAR-COLOR;
}

.Apple-style-span a:visited {
text-decoration: none;
color: LINK-VISITED-COLOR;
}

.Apple-style-span a:hover {
text-decoration: none;
color: LINK-HOVER-COLOR;
}

</style>

-->

The "LINK-REGULAR-COLOR" is the regular link color. The "LINK-VISITED-COLOR" is the color of the link after the user has visited the link or page. The "LINK-HOVER-COLOR" is the color of the link when a user rolls over the link with their mouse.

Remember: Remove <!-- and --> from the code above.

I guess all of the text boxes have a class name and that is probably why it was not working. But, it should work now!

Hope this helps.

Nathan