Different Font Sizes?

User 219465 Photo


Registered User
324 posts

For some reason one of my pages: http://test.dtscarpentry.com/Gallery.html, displays a blue line under the links and has a different font size than the other pages. I found a previous thread that showed what code to remove to do away with the blue line, but I am yet to fix the slightly larger font size? I even did a copy and paste of all the links from one page to another, but it still changes the size.

Also, is there a place to change this blue line within VSD? As of now, after I re-sync the site I need to change the html code for that page.

Thanks,
Marc
User 187934 Photo


Senior Advisor
20,188 posts

The links are white for me.
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 219465 Photo


Registered User
324 posts

The wording is white, and I am fine with that.

The two issues I have are:
1) the blue lines appear each time I need to re-sync and then have to go and edit the html.

2) The font size (On the Gallery page) showing slightly larger that the other pages.
User 2147626 Photo


Ambassador
2,958 posts

If you are editing the html for a vsd site to fix your 'blue line' issue, the problem will never be solved. VSD is a Visual Designer. Every time you re-publish or re-sync it will overwrite your changes. You need to fix the problem within VSD.

You need to delete the menu from the gallery page. Completely. Then start from scratch with the menu on that page, or copy it from the home page. Not sure, but you might want to check Settings/Standard Setting For New Pages and look at the Link Underline Options. Seems the links at the bottom of your home page have the underline. Maybe your settings got changed after you created your top menu, or did you use some other method on the top menu? Just some things to look at.

If it is your settings, then select to not underline anything, and apply to all pages. That will get rid of the underlining of ALL text links.
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
User 219465 Photo


Registered User
324 posts

I have completely deleted the button/links from this page and did a copy/paste from a working page but get the same results. Seems like a setting in VSD, but can not find it. Nothing is checked to underline links. (I don’t mind having to change the html after I re-synce, but seems I shouldn’t have to.)

As for the font size? I have double checked it everywhere I can think of. After I did a re-sync I skimmed through the html code and I see where it is set for 18 everywhere.
User 271657 Photo


Ambassador
3,816 posts

Mark, what font and font size is the menu supposed to be?
On the home page I see 18px Times New Roman and on the Gallery page it's 18px Verdana.
Your chosen fonts within the VSD code is Arial and Arial Black. I don't have Arial Black on this computer, which is why I'm seeing substituted fonts, but it seems they would be the same on each page, rather than a serif and a sans serif.
But then there's these....
Gallery Page:
<!--html inserted by user -->
<link media="screen" type="text/css" href="flexslider.css" rel="stylesheet">
<style type="text/css">
body{font:12px/1.2 Verdana, Arial, san-serrif; padding:0 10px;} <<<VERDANA, 12PX
a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:1px solid #416CE5;} <<<BLUE UNDERLINE
h2{font-size:13px; margin:15px 0 0 0;}
</style>

Home Page:
<!--html inserted by user -->
<link media="screen" type="text/css" href="flexslider.css" rel="stylesheet">
<style type="text/css">
<!--
#home a:link, a:visited { color: #254117; text-decoration: none; font-weight:bold;font-size: 18px; } <<<NO FONT SPECIFIED
#home a:hover { color: #254117; text-decoration: none; }
#home a:active {color: #254117; }
-->
</style>

So maybe the Colorbox and Flexslider CSS is in conflict with your VSD font/link styles?
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

I have completely deleted the button/links from this page and did a copy/paste from a working page but get the same results.

If you did, then it didn't save, or you copied a bad menu. They are not the same. The links come up different for one. Some work, some don't. For one, the links off the Home Page all start with a capital letter. The links on the gallery page do not. So if you did a copy/paste then maybe it just didn't save.

That or something else on the page is in conflict but I wouldn't know what. I'd scrap the whole page. Delete it off the server. Then create a new gallery page in VSD and publish. Long way about it, but it may fix the problem. Before you publish, preview and check that all the links match from all pages. If not, then your menu is still a problem.
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
User 219465 Photo


Registered User
324 posts

Thanks for the tips guys. I did scrap the page. I should have something back up shortly. Still trying to fix a few color issues with some of the buitton/links. Almost ready for a full preview. This site has been a long time in the works, finally been able to put some time on it and stay on it. Sorry for all the questions, but I have learned LOTS and I really appreciate the help I get from everyone here.
User 219465 Photo


Registered User
324 posts

Well, my luck I made things worse. :( CAN NOT get the colors fixed.
I hope someone can help. Here is what I am looking for, when on the home page, I want HOME (saw blade behind it) to be green (Color# 254117) and all the other links, ABOUT/RESIDENTIAL.... to be white (Color #FFFFFF). I have changed the global settings a few times but nothing changes.

I hope somone can take a look, maybe it is my pc's here?

http://test.dtscarpentry.com
User 2147626 Photo


Ambassador
2,958 posts

Take this from someone who doesn't (try to) code...

You have your links described towards the top of the page. Than again at the bottom. This is the code at the bottom:
<style type="text/css">
<!--
#home a:link, a:visited { color: #254117; text-decoration: none; font-weight:bold;font-size: 20px; }
#home a:hover { color: #254117; text-decoration: none; }
#home a:active {color: #254117; }
-->
</style>
<style type="text/css">
<!--
#contact a:link, a:visited { color: #254117; text-decoration: none; font-weight:bold;font-size: 20px; }
#contact a:hover { color: #254117; text-decoration: none; }
#contact a:active {color: #254117; }
-->
</style>

I'm thinking the code at the bottom is overriding the code at the top since both links are #contact
That's also why the contact is all caps top and bottom. Am I close?
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.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.