Links style - Post ID 159552

User 1984670 Photo


Registered User
7 posts

Is there any way I can get rid of the underscore for text that links to another page? I prefer when hyperlinks are in bold face. Don't like the underscore. I can see where you can change the color of the font, but there's nothing that allows you to change the underscore. Anyone know if I can change this default?

Thanks.

Olga
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 353334 Photo


Registered User
15 posts

Is there a way to change the color of the font using the same method?

I tried it and nothing changed. Looking at the code, I see that the a.link and a.visited color settings that are part of the them show up below and just cancel out what I've put in.

This what I get when I add to the Stone Cold Theme.

<!--html inserted by user -->
<style type="text/css">

a:link {

color: #8B31C7;

}





a:visited {

color: #8B31C7;

}

</style>
<!--end of html inserted by user -->


<!-- centering -->
<style type="text/css">
body {
margin: 0px;
padding : 0px;
text-align: center;
height: 100%;
width: 100%;
background-color: #000000;
}


a:link {
color: #4dcdc5;
}


a:visited {
color: #4dcdc5;
}

</style>
<!-- --------- -->


I even tried to manually edit that code and upload the files via HTML editor and even plain old ftp and my pages actually load as complete blanks. I didn't even try to figure out why. I just pushed the files back up with VSD and am back where I started.

I guess after changing font color in Shopping Cart Designer Pro with such ease, I expected to find something as easy in vsd. ;) Help me, please ! :lol:
User 38401 Photo


Senior Advisor
10,951 posts

To change the font color in VSD do the following:
  • Open your site in VSD, at the top choose the Settings Menu choice
  • Choose the top choice of Standard Settings For New Pages...
  • On the left side of the window that opened there is a pulldown menu on the window that opened called Load Existing Page Settings, pull that menu down and choose a page, any page at all.
  • On the right side you'll see the little boxes toward the bottom for the Page link colors:
    The unvisitied is when people first see the link, and the visited is for once someone clicks it. Change those 2 colors to the colors you want it to be for your links.
  • On the bottom left is an Apply to All Pages button, press that and then say yes on the small box that opens after that.
User 353334 Photo


Registered User
15 posts

Wow. I would have never thought to look there.

Thanks! It worked like a charm.
User 38401 Photo


Senior Advisor
10,951 posts

You're quite welcome, I'm glad it was clear enough to follow :P
User 2059224 Photo


Registered User
72 posts

Hi,

Trying to take an underline off a text link in VSD. I opened Standard Settings for New Pages and clicked the page I want to alter. Checked the boxes for Link Underline Options then Okay but happened. Any suggestions?

Thanks,
Greg
User 2059224 Photo


Registered User
72 posts

Also, when I try to apply it to a single page it applies to all pages. :(
User 187934 Photo


Senior Advisor
20,271 posts

Greg, Those settings for pages are global.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 187934 Photo


Senior Advisor
20,271 posts

You can put a link in a html box that's not underlined. Take a look at my links page on my site.:)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

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.