How do I remove the lines from under my links in VSD 6? Thank you very much. BK
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!
TIA!

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:
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:
It's the same code, just the a:hover part is removed. I hope this helps!
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>
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>
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.
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>
<!--
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.
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?
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?
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...
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
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger Eik wrote:
BTW the underlining is working ok for me, but the colours ain't...
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>
<!--
#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>
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
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Many thanks. Really appreciate the info. Hope you all have a great 4th weekend. Brian
<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>
<!--
#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!"
"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.