Links In VSD - Post ID 142764

User 561089 Photo


Registered User
43 posts

This isn't working for me. The link in the VSD file automatically turns blue in the program and purple in the preview. Even when I change the color codes. Also, I added the header code before creating the link as was suggested in another thread. Any ideas?
User 561089 Photo


Registered User
43 posts

I'm trying this as a test, but the test is failing. FFFFFF was listed as the only web safe white, but the link is still underlined blue in the program and purple in the preview. I'd test this online but I'm still having trouble getting my files to present there.


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

User 38401 Photo


Senior Advisor
10,951 posts

You need to change those specific colors in VSD's setup Jennifer. There's a specific area for changing all the different stages of the text includeing the links, rollovers, visited, etc. It's not something you code in yourself. There's a few posts on the forums that explain how to do this in detail, I don't have the links offhand, someday I'm going to organize links for this stuff lol. I'm sure if you do a form search for the word "color" in the VSD section you should find them pretty easily :)
User 1984190 Photo


Registered User
6 posts

Scott Swedorski wrote:
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!



I tried this numerous times and it did not work. There are two tabs, Header HTML and Onload Events. Does it matter where I put the code? Clicked and saved, underlines still appeared (I copied the text as not to miss the appropriate spacing and text). I am using VSD-6. Thanks.
LAS
User 629005 Photo


Ambassador
2,174 posts

Did you clear cache? Try using ctrl-F5 to force a reload with cache cleared out. Otherwise you would still be seeing what was stored prior to the changes.
Living the dream, stocking the cream :D
User 1984190 Photo


Registered User
6 posts

It worked, thanks Phil.
LAS
User 1984190 Photo


Registered User
6 posts

Used both Scott's and Cary's codes and still cannot get colors to change. Need additional advice.
LAS
User 282670 Photo


Registered User
3,940 posts

Hi,
have you tried to add the codes under the edit>edit header and save to see if it works?




User 1984190 Photo


Registered User
6 posts

Working now, thanks for your help.
LAS
User 2121672 Photo


Registered User
25 posts

I removed the link lines in visual site designer and now would like to put them back. can you tell me how to do so

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.