Links In VSD - Post ID 86269

User 406618 Photo


Registered User
11 posts

How do I remove the lines from under my links in VSD 6? Thank you very much. BK
User 395486 Photo


Ambassador
29 posts

Oh yeah and how do we change the link colors once we already started creating our pages? I can't find that option anywhere.

TIA! :D
User 103173 Photo


VP of Software Development
0 posts

You can remove the underline on your text links in Visual Site Designer using a bit of CSS. Don't worry, it's not difficult. Just follow these steps:

1. Open your site in Visual Site Designer.
2. At the top of the window, click the Edit menu, then click Edit Header.
3. In the text box, type or paste the following code:

<style type="text/css">
a:link, a:visited, a:hover { text-decoration: none; }
</style>


4. Click OK. Save your site, and now your links will not have underlines!

Optionally, if you want your links to have an underline only when someone holds their mouse cursor over them, you can type or paste this code instead:

<style type="text/css">
a:link, a:visited { text-decoration: none; }
</style>


It's the same code, just the a:hover part is removed. I hope this helps!
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 103173 Photo


VP of Software Development
0 posts

You can really go crazy and do something like this if you want to control the colors:

<style type="text/css">
<!--
a:link {color: #000000; text-decoration: underline; }
a:active {color: #0000ff; text-decoration: underline; }
a:visited {color: #008000; text-decoration: underline; }
a:hover {color: #ff0000; text-decoration: none; }
-->
</style>
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 508143 Photo


Registered User
23 posts

Scott;

That sort of worked well for me in VSD 6.0

I could not get the line to appear when 'hovering' with either of the codes

And I could only get it to affect the home page, not the other ones.
Any suggestions?
User 122279 Photo


Senior Advisor
14,653 posts
Online Now

Did you add the code to all the pages, or just to the index page?

BTW the underlining is working ok for me, but the colours ain't...

Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 463058 Photo


Ambassador
1,086 posts

Inger Eik wrote:
BTW the underlining is working ok for me, but the colours ain't...


Try increasing the CSS' specificity by adding "#container" to the selectors, like this:
<style type="text/css">
<!--
#container a:link {color: #000000; text-decoration: underline; }
#container a:visited {color: #008000; text-decoration: underline; }
#container a:hover {color: #ff0000; text-decoration: none; }
#container a:active {color: #0000ff; text-decoration: underline; }
-->
</style>
User 122279 Photo


Senior Advisor
14,653 posts
Online Now

That worked, THANKS!!
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 406618 Photo


Registered User
11 posts

Many thanks. Really appreciate the info. Hope you all have a great 4th weekend. Brian
User 414501 Photo


Registered User
564 posts

<style type="text/css">
<!--
#container a:link {color: #FFCC00; text-decoration: underline; }
#container a:visited {color: #FFCC00; text-decoration: underline; }
#container a:active {color: #FFCC00; text-decoration: underline; }
-->
</style>



Actualy Scotts code did not work for me, but Cary's did! Thanks!
Chad Spillars
"Look I finally made myself a signature!"

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.