Eliminating blue lines (links?) -...

User 298877 Photo


Ambassador
292 posts

Hi Tara,

In VSD, you will need to close your site and re-open it, then choose "Menu->Settings>Standard Settings for new pages..."

(This menu option is greyed if you edit anything, so hence I say do it from a freshly opened site in VSD).

Now, in here you have several choices. The two that matter are the bottom two:
Link Colors (Global Setting)
Link Underline Options

Between these two settings you can change the color of text in links dependent on their visit status and you can also decide to omit the underlining of links by unchecking the 4 boxes on the Underline Options area.

Make your choices and click "Apply to all pages". Then confirm this, save the site and publish it.

When you go to view the site, be sure to press CTRL+F5 to force your browser to load from the server rather than cache.

Dave :)
User 187934 Photo


Senior Advisor
20,266 posts

If you only want it for certain pages then "Allow Advanced text" will be the ticket.:)
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 298877 Photo


Ambassador
292 posts

Will the "Allow Advanced Test" allow the customization of an object that does not contain text, like the images that are links in Tara's case?
User 187934 Photo


Senior Advisor
20,266 posts

I thought we we taking about text links after she responded GunSmoke's post.
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 271657 Photo


Ambassador
3,816 posts

The blue underline isn't coming from any of VSD's settings. It's a bottom border in the colorbox code:

<!--html inserted by user -->
<style type="text/css">
body{font:12px/1.2 Verdana, Arial, san-serrif; padding:0 10px;}
a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:1px solid #416CE5;}
h2{font-size:13px; margin:15px 0 0 0;}
</style>
<link media="screen" rel="stylesheet" href="colorbox/colorbox.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script src="colorbox/jquery.colorbox.js"></script>
<script>
$(document).ready(function(){
//Examples of how to assign the ColorBox event to elements
$(".example1").colorbox();
});
</script>
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 187934 Photo


Senior Advisor
20,266 posts

Ok were talking about images. I just looked at the site.:lol:


Edit: you named your pages .css
This will cause some serious issues.
Delete or rename these pages.
http://www.kimberlywalton.net/Press.html#2.css

http://www.kimberlywalton.net/Press.html#2
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 271657 Photo


Ambassador
3,816 posts

The blue borders are not only under the gallery images, they've carried over to the footer links.
Something wonky going on there. Sure those page names aren't helping. :o

Tara asked...
Probably a basic thing... but how do I remove html code if I am doing everything in VSD?

Have you tried going to object properties and clicking on your HTML box so you can edit the code?
#416CE5 is the blue color. Try changing it to border: none:

Or, as Gunsmoke recommended, just remove the " border-bottom:1px solid #416CE5;"
Either way, you use the Object Properties panel after highlighting the HTML box to get to that code. ;)

I'll leave it to the experts to sort it out :D



I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 2147626 Photo


Ambassador
2,958 posts

Probably a basic thing... but how do I remove html code if I am doing everything in VSD?

<!--html inserted by user -->
<style type="text/css">
body{font:12px/1.2 Verdana, Arial, san-serrif; padding:0 10px;}
a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:1px solid #416CE5;}
h2{font-size:13px; margin:15px 0 0 0;}
</style>


Hey Tara, as you can see in the quote, this HTML was inserted by user...that's you. So, to remove it you would click on the HTML box that you inserted it into. Then click the 'object' button at the top on VSD. On the right where the object properties are shown you click on 'edit html'. There you will see code. You have 2 options, body HTML and header HTML. Check both for this code and remove the code that matches what's highlighted above.

Hope this helps.
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
User 2432550 Photo


Registered User
105 posts

Oh ok, I see now. However, I didn't put all that code in. Something must be automatic with the lightbox html. When I open the html box that put code into, this is all I put in there -

<link href="css/lightbox.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/lightbox.js"></script>
<script src="js/jquery.smooth-scroll.min"></script>
<script src="js/jquery-ui-1.8.18.custom.min"></script>
<script> jQuery('a.gallery').colorbox(); </script>

I do want to remove link lines from the images, as well as the text.

As far as text, I made sure that all link colors were black. And everything under Underline Link Options has been checked because I want to remove the underlining from all links.

So in response to using Advanced Text, what do I do after I select this to remove the lines?
User 298877 Photo


Ambassador
292 posts

Hi Tara,

I can't understand this. Please open your page called Portfolio.html in VSD and where you have the html box for the Colorbox, double click it to view the html.

Now, you should see this:

<style type="text/css">
body{font:12px/1.2 Verdana, Arial, san-serrif; padding:0 10px;}
a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:1px solid #416CE5;}
h2{font-size:13px; margin:15px 0 0 0;}
</style>
<link media="screen" rel="stylesheet" href="colorbox/colorbox.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script src="colorbox/jquery.colorbox.js"></script>
<script>
$(document).ready(function(){
//Examples of how to assign the ColorBox event to elements
$(".example1").colorbox();
});
</script>


You can remove everything between <style> and </style> as these rules are causing the blue underline and taking over as the page progresses. Also remove the actual <style> and </style> tags as well as the code between them!

This should result in your colorbox script working fine but with the global rules you have set in VSD being implemented throughout the page...

You have this kind of problem on About.html too and possibly on other pages. So, check the scripts on them all and remove all style attributes in them...

Dave :)

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.