Advanced Text And Links ... - Post ID...

User 582635 Photo


Registered User
16 posts

I have some text that is a link, I want to use the advanced text feature to make the text stand out. My problem is once I select the "advanced text" option the links no longer work. Is there a way to use features like shadow, etc. and still have the links work?
User 122279 Photo


Senior Advisor
14,622 posts
Online Now

I see there is some inconsistency between the various options (one cancels the other...), so the best way of doing things is to style your text first, then create the link.

I will report the problem to the developers.
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 1968765 Photo


Registered User
1 post

I am having a related issue, though different. I am attempting to use a link on my pages to redirect traffic back to my main page, but every time I create a link, it changes the color and underlines the text. How can I get it to stop!? Thank you in advance!
User 122279 Photo


Senior Advisor
14,622 posts
Online Now

The colours for visited and unvisited links are set right at the beginning, when you start the first page of a site. I don't think it is possible to change that later.

But there is a workaround: Create the text you want to have for your link, then click the 'advanced text' option. After that, give the text some effect. If you don't actually want any effect, make the change as small as possible, like shadow offset 1%, and inner, not outer, same colour as the text. Then when you preview, you will see that the link colour and the underlining have gone.
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 355448 Photo


Ambassador
3,144 posts

Cazra Dunford wrote:
I am having a related issue, though different. I am attempting to use a link on my pages to redirect traffic back to my main page, but every time I create a link, it changes the color and underlines the text. How can I get it to stop!? Thank you in advance!


You could also create the link using standard HTML programming and style it the way you want it to look.
<a style="text-decoration:none; background-color:#ff0000; " href="http://www.mysite.org/index.html">Main Site</a>


That will remove the text decoration (underline) and I also added a red background. Just write something like that example, and insert it to VSD using the HTML tool.
User 122279 Photo


Senior Advisor
14,622 posts
Online Now

Mmm, yes, of course. My workaround was meant for those who don't know how to code...
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 3004957 Photo


Registered User
855 posts

Tommy wrote:
I have some text that is a link, I want to use the advanced text feature to make the text stand out. My problem is once I select the "advanced text" option the links no longer work. Is there a way to use features like shadow, etc. and still have the links work?

The reason this happens is that any text boxes set to Advanced Text are converted to an image. Since the link can't be on just part of that image, it's completely removed. There's not really a way to get the effect you're looking for within Visual Site Designer, but you can trick things to do what you want. Instead of using one large text box for this, you'll need to split the paragraph into smaller boxes. Place the text for the link in its own box, check the Advanced Text option, then link it. It's important that the link is created last.


Cazra Dunford wrote:
I am having a related issue, though different. I am attempting to use a link on my pages to redirect traffic back to my main page, but every time I create a link, it changes the color and underlines the text. How can I get it to stop!? Thank you in advance!

Change the link colors by selecting Settings > Standard Settings for New Pages. In that window, choose an existing page to load its settings, then change the link colors to whatever you want. Click Apply to All, and those colors will be used throughout the entire website.

You can also add styles to the head of any page to disable the link underline. Select Edit > Edit Header. In the Header HTML tab, type the following:
<style type="text/css">
a:link { text-decoration: none; }
</style>


There are separate pseudo-classes for active, hover, and visited states. The above block only removes the underline from normal links, but we can combine them in any number of ways:
<style type="text/css">
a:link, a:visited { text-decoration: none; }
</style>

For more about this, take a look at http://www.w3schools.com/css/css_pseudo_classes.asp

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.