Different Font Sizes? - Page 4

User 219465 Photo


Registered User
324 posts

ran an exp with that code and something is wrong. I created two html boxes.
Box 1, BODY: <div class="customlink select"><a href="http://test.dtscarpentry.com">HOME</a></div>
Box 2, BODY: <div class="customlink"><a href="http://test.dtscarpentry.com/About.html">ABOUT</a></div>

I put this code in two different places (in the HEADER HTML of the html box, and the EDIT>EDIT HEADER) to see what it does. All it does is turn my text white.
<style type="text/css">
<!--
.customlink a:link, a:visited { color: #FFFFFF; text-decoration: none; font-weight:bold;font-size: 18px; }
.customlink a:hover { color: #FFFFFF; text-decoration: none; }
.customlink a:active {color: #FFFFFF; }
.select a:link {color: #FF0000; }
-->
</style>


User 187934 Photo


Senior Advisor
20,191 posts

That would be because the colors are all #FFFFFF.
That's white. Isn't that what you wanted? That's what was in all the codes.
If you give your div the class select then you should get the green text on the home page. I chnaged the red to the green I think you were after. Maybe you could tell me what colors you want at each link status so it's clear.:)
<style type="text/css">
<!--
.customlink a:link, a:visited { color: #FFFFFF; text-decoration: none; font-weight:bold;font-size: 18px; }
.customlink a:hover { color: #FFFFFF; text-decoration: none; }
.customlink a:active {color: #FFFFFF; }
.select a:link {color: #254117; }
-->
</style>
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

I did change the .select a:link {color: #254117; } to 254117, but it did not change the HOMe text to Green. I know that FFFFFF is white and Im ok with that. Just looking for HOME to be GREEN 254117 and the other links WHITE FFFFFF. Still trying to learn and I made many changes to these two html boxes but was not producing the results I was looking for. I ran the test by starting a new page with only two html boxes on it, and changing the .select a:link {color: #FF0000; } code to 254117 but HOME stayed white. I will try again in the morning.
User 187934 Photo


Senior Advisor
20,191 posts

Are we both looking at the same page? I don't see any changes to this page. I don't even see the code I posted.
http://test.dtscarpentry.com/
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

I did not post this. I have been running the exp locally on a new blank page. I will make the changes and post in a bit.
User 219465 Photo


Registered User
324 posts

Posted, with code set to 254117 but displaying white.
User 219465 Photo


Registered User
324 posts

User 187934 Photo


Senior Advisor
20,191 posts

Are you going to use images as the background color or do you want to code that in?
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

Probably not. the test page I only put a backdrop color box for visual purposes. Probably should have changed the background color :P
User 187934 Photo


Senior Advisor
20,191 posts

Sorry i didn't get back sooner.
Give this a try and then we can tweak from there. I tested in VSD and it seemed fine. I'm just not totally sure on all the colors you need.:)
<style type="text/css">
<!--
.customlink a {color: #FFFFFF; }
.customlink a:visited { color: #FFFFFF; text-decoration: none; font-weight:bold;font-size: 18px; }
.customlink a:hover { color: #FFFFFF; text-decoration: none; }
.customlink a:active {color: #FFFFFF; }
.select a {color: #254117; }
-->
</style>

<div class="select"><a href="http://test.dtscarpentry.com">HOME</a></div>

<div class="customlink"><a href="http://test.dtscarpentry.com/About.html">ABOUT</a></div>

<div class="customlink"><a href="http://test.dtscarpentry.com/Residential.html">RESIDENTIAL</a></div>
<div class="customlink"><a href="http://test.dtscarpentry.com/Contact.html">CONTACT</a></div>

<div class="customlink"><a href="http://test.dtscarpentry.com/Gallery.html">GALLERY</a></div>

<div class="customlink"><a href="http://test.dtscarpentry.com/Commercial.html">COMMERCIAL</a></div>
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.