CSS font color issue, appreciate any help

Linda in NY · #1 (**permalink**) 02-17-2010, 02:18 PM

Hi all,

I'm trying to change the font color on the left and right side of my site to a dark brown or anything other than what it is now lol.

When I change the font color for hover it works fine, but I can't get it to change for anything else, and the color is killing me. Here is a portion of the css I have, can someone here please take a look at it and see what I'm doing wrong ?

Code:

 
body {
background-color: #ffffcc;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000000;
padding:0;
margin: 0;
}
a:style {color: #663300;}
a:visited {color: #4aa4d6;}
a:hover {color: #663300;}
a:active {color: #663300;}

h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #cfdab8;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0 }

h2 {
font-size:18px;
color: brown;
background-color: #e9ba62;
font-weight: normal;
padding: 5px 10px;
margin:0;}

Thanks and have a great day,
Linda

**HTMLBasicTutor** · #2 (**permalink**) 02-17-2010, 02:25 PM

Quote:

Originally Posted by Linda in NY

Hi all,
I'm trying to change the font color on the left and right side of my site to a dark brown or anything other than what it is now lol.

If you are using tables for the layout, then create a class for the colour and apply it to the applicable <td> tag(s).

A better way would be to surround the text you want to change the colour of with a div that has a class attached to.

e.g.

Code:

.red {
color: #FD2623;
}

a specific cell of your table layout:

HTML Code:

<td class="red">

or for a block within the web page:

HTML Code:

<div class="red">
Stuff you want red
</div>

Uncle Dog · #3 (**permalink**) 02-17-2010, 02:36 PM

Hi Linda

I think your a:style should be a:link

Linda in NY · #4 (**permalink**) 02-17-2010, 05:26 PM

Quote:

Originally Posted by Uncle Dog

Hi Linda

I think your a:style should be a:link

Thanks Uncle Dog,

I tried a:link, no go, ugh.....

I appreciate the input though.

Have a good one,
Linda

jerrodmc · #5 (**permalink**) 02-17-2010, 09:01 PM

try inserting this

<body link="#330000">

you can replace it with any color you want.

or if you want to change specific links color you can use class

Quote:

Quote:

a.blue:link {color: #0000ff; background: #ffffff; font-weight: bold;}
a.blue:active {color: #0000ff; background: #ffffff; font-weight: bold;}
a.blue:visited {color: #0000ff; background: #ffffff; font-weight: bold;}
a.blue:hover {color: #0000ff; background: #ffffff; font-weight: bolder;}

Linda in NY · #6 (**permalink**) 02-18-2010, 05:10 AM

Quote:

Originally Posted by jerrodmc

try inserting this

<body link="#330000">

you can replace it with any color you want.

or if you want to change specific links color you can use class

Thanks jerrodmc,

Now to sound like a total dummy, it's been so long since I worked on the css on the site, where abouts in the code do I insert that ??

I know I'm pretty much hopeless right now, I've been reading tutorials again since it's been so long since I worked on this portion of the site.

I always worry when dealing with tables and all that, I tend to blow things up when I mess with that part of it.

Thanks for your help,
Linda

Linda in NY · #7 (**permalink**) 02-18-2010, 05:12 AM

Thanks htmlbasictutor,

I appreciate the help, like I replied to other people here, as soon as I remember how to do all that I'll have to give it a shot. It's been awhile since I've had to deal with all that td and div stuff, that I've been trying to read up on tutorials again.

Sorry that I'm being so dense on this right now, but I really am greatful for everyone's help here, it will just take me a bit for it to sink back in lol.

Thank you and have a great day,
Linda

**HTMLBasicTutor** · #8 (**permalink**) 02-18-2010, 08:46 AM

Quote:

Originally Posted by Linda in NY

Thanks jerrodmc,

Now to sound like a total dummy, it's been so long since I worked on the css on the site, where abouts in the code do I insert that ??

In your layout.css file.

But if you do this for the body tag, all your link colour will change. Thought you just wanted the sidebar font colour changed?

Linda in NY · #9 (**permalink**) 02-18-2010, 09:02 AM

Quote:

Originally Posted by htmlbasictutor

In your layout.css file.

But if you do this for the body tag, all your link colour will change. Thought you just wanted the sidebar font colour changed?

You are right htmlbasictutor,

I just want the links changed, not all of the text. I'm so confused. You see I wanted to change the links to a color similar to the font color of the H2 fonts in the sidebars. So that it looks better.

On the right sidebar I have links but text also and I just wanted to change the links on that side as well, not all the text.

If this helps here's a link to the site.

My Site

Thanks,
Linda

**HTMLBasicTutor** · #10 (**permalink**) 02-18-2010, 09:26 AM

Now you are confusing me.

In the layout.css file,

If you want all links changed (every single one), find:

Code:

a:link {color: #663300;}
a:visited {color: #4aa4d6;}
a:hover {color: #663300;}
a:active {color: #663300;}

and change the color number.

If you just want the links on the left and right changed, add:

Code:

#left a:link {color: #663300;}
#left a:visited {color: #4aa4d6;}
#left a:hover {color: #663300;}
#left a:active {color: #663300;}
#right a:link {color: #663300;}
#right a:visited {color: #4aa4d6;}
#right a:hover {color: #663300;}
#right a:active {color: #663300;}

and change the color number.

The headings on the right look a red colour to me but you had put the colour name brown in the CSS file. My colour picker says the colour of the headings on the right are #A52A2A.

Linda in NY · #11 (**permalink**) 02-18-2010, 09:34 AM

htmlbasictutor,

Please don't kill me

in the layout.css file, I did just what you said before I even posted the initial thread here, and for some reason the color won't change. The only one that changes when I do it is the hover color. I don't get it ??!!

I changed the color codes in the file, and ftp it, and the colors don't change, that's why I posted to see if there was something wrong with the coding, I'll post my whole layout.css file in a second and maybe that'll help.

I'm so confused or stupid !

Thanks for your patience !!!
Linda

Quote:

Originally Posted by htmlbasictutor

Now you are confusing me.

In the layout.css file,

If you want all links changed (every single one), find:

Code:

a:link {color: #663300;}
a:visited {color: #4aa4d6;}
a:hover {color: #663300;}
a:active {color: #663300;}

and change the color number.

If you just want the links on the left and right changed, add:

Code:

#left a:link {color: #663300;}
#left a:visited {color: #4aa4d6;}
#left a:hover {color: #663300;}
#left a:active {color: #663300;}
#right a:link {color: #663300;}
#right a:visited {color: #4aa4d6;}
#right a:hover {color: #663300;}
#right a:active {color: #663300;}

and change the color number.

The headings on the right look a red colour to me but you had put the colour name brown in the CSS file. My colour picker says the colour of the headings on the right are #A52A2A.

Linda in NY · #12 (**permalink**) 02-18-2010, 09:39 AM

htmlbasictutor,

OMG, I just noticed something. I checked it in internet Explorer and the colors are right, in firefox they didn't change. What the heck could cause the difference ??

Thanks,
Linda

**HTMLBasicTutor** · #13 (**permalink**) 02-18-2010, 10:28 AM

Clear the browser cache.

Clear Web Browser History Firefox and while you are in there, set up FF to not save your history (Firefox Web Browser History).

Linda in NY · #14 (**permalink**) 02-18-2010, 11:06 AM

Quote:

Originally Posted by htmlbasictutor

Clear the browser cache.

Clear Web Browser History Firefox and while you are in there, set up FF to not save your history (Firefox Web Browser History).

ahem, I have an announcement to make, and everyone listen up !

htmlbasictutor, IS A SAINT ! And a PATIENT one at that

That did it, omg, I've played with code for 3 days and looked at tutorials racking what's left of my pea brain.

THANK YOU, THANK YOU, THANK YOU,

Now I can work on the actual color I want, after a break for a day, ouch my brain hurts.

Have an awesome day htmlbasictutor, because you made mine !!

Linda

and everyone else that made suggestions thank you also, this poster needs all the help she can get