font color help

:frusty: I have wrote down and tried every color in the stylesheet and I cant figure out which ones it is. I want to change just a few font colors and need some help finding them. I have ZenCart version 1.3.7 and here is an image of what im talking about http://i54.photobucket.com/albums/g94/oxicottin/pic_of_site.jpg I have tried just to change the body color of my template from #000000 to my color and it changed some of the black but not all of it and it changed the black in the side boxes as well which I dont want because I cant see the writing so I had to change it back. Please help

here is the site im working on http://rbackyard.net/rbackyard

Thanks,
Chad

The red color for * Required information is from alert
First Name: etc is coming from label.inputLabel
Address Details is from legend

the links are coming from
a:link
a:visited
a:hover
a:active

such as
a:hover, blah blah blah {
color:#FF0000;
}

changing the values here will change them for the whole site unless you break them out of the list of stuff first

Thanks for the info! What do you mean break them out of the list? And how would I do this? Im new to css ect but im catching on.

Thanks,
Chad

I had made a chart of all the colors used in the stylesheet if anyone is interested. This way you dont have to figure out what color is what.

everything listed in

a:hover,
#navEZPagesTOC ul li a:hover,
#navMain ul li a:hover,
#navSupp ul li a:hover,
#navCatTabs ul li a:hover {
color: #FF0000;
}

will change color if you change it here so if your just looking to change the color on specific page or a specific section of a page, you may need to cut a section out and put it on its own line
a la

a:hover,
#navEZPagesTOC ul li a:hover,
#navMain ul li a:hover,
#navSupp ul li a:hover{
color: #FF0000;
}

#navCatTabs ul li a:hover {
color: #404040;
}

this is from the default template so your mileage may vary.
In theory, you can leave it in the first block and just repeat it later, but that is 'a very bad idea' Also if you do this, remember to clear out the extra comma

once you know what div (#blahblahblah) or class (.blahblahblah) you are trying to play with it (Firefox + (Firebug + web developer)= your friend) you can add a section to the stylesheet all on your own
example?
.centerBoxContentsNew a:link {
color: #green;
text-align: left;
}

Thanks for the reply Sherpa but Most of this is foren language to me because im still learning. I just want to change the blue link colors in the main areas not in the sideboxes or in the background-image: url(../images/tile_back.gif); areas. Im confused on what your trying to tell me :(
here is a link to my test site http://www.rbackyard.net/rbackyard

Thanks,
Chad

I think I understand what your telling me but mine looks different from what you wrote and I dont know what section does what.

Here is my code:

body {
	margin: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 75.5%;                                                             /*Changed from 62.5% to 75.5% to enlarge test*/
	color: #000000;                                                                       
	background-image: url(../images/star_background.jpg); 
	}

a img {border: none; }

a:link, #navEZPagesTOC ul li a {
	color: #3300FF;
	text-decoration: none;
	}
 
a:visited {
	color: #3300FF;
	text-decoration: none;
	}

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
	color: #FF0000;
	}

a:active {
	color: #0000FF;
	}

h1 {
	font-size: 2.5em;               /*Changed from 1.5em to make catogory heading larger*/
	color: #CCAB76;                 /*Changed from black to brown words "Welcome please sign in ect"*/                                                 
	}

h2 {
	font-size: 1.4em;
	}

h3 {
	font-size: 1.3em;
	}
	
h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{
	font-size: 1.1em;
	}

.biggerText {
	font-size: 1.2em;
	}

h1, h2, h3, h4, h5, h6 {
	margin: 0.3em 0;
	}

/*  Might uncomment either or both of these if having problems with IE peekaboo bug:
h1, h2, h3, h4, h5, h6, p {
	position: relative;
	}
*html .centerColumn {
	height: 1%;
	}
*/

CODE {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1em;
	}

FORM, SELECT, INPUT {
	display: inline;
	font-size: 1em;
	margin: 0.1em;
	}

TEXTAREA {
	float: left;
	margin: auto;
	display: block;
	width: 95%;
	}

input:focus, select:focus, textarea:focus {
	background: #E4FEF5;
	}

FIELDSET {
	padding: 0.5em;
	margin: 0.5em 0em;
	border: 1px solid #cccccc;
	}

LEGEND {
	font-weight: bold;
	padding: 0.3em;
	}

LABEL, h4.optionName {
	line-height: 1.5em;
	padding: 0.2em;
	}

LABEL.checkboxLabel, LABEL.radioButtonLabel {
	margin: 0.5em 0.3em;
	}

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float: left;
	}

LABEL.inputLabel {
	width: 9em;
	float: left;
	}

LABEL.inputLabelPayment {
	width: 14em;
	float: left;
	padding-left: 2.5em;
	}

LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel {
	width: 11em;
	float: left;
	}

#checkoutPayment LABEL.radioButtonLabel {
	font-weight: bold;
	}

P, ADDRESS {
	padding: 0.5em;
	}

ADDRESS {
	font-style: normal;
	}

.clearBoth {
	clear: both;
	}

HR {
	height: 1px;
	margin-top: 0.5em;
	border: none;
	border-bottom: 1px solid #9a9a9a;
	}

/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
	line-height: 1.8em;
	padding: 0.2em;
	border: 1px solid #9a9a9a;
	}

.messageStackWarning, .messageStackError {
	background-color: #ff0000;
	color: #ffffff;
	}

.messageStackSuccess {
	background-color: #99FF99;
	color: #000000;
	}

.messageStackCaution {
	background-color: #FFFF66;
	color: #000000;
	}

ok, heres an example, paste

.greeting a:link{
color: #FFFFFF;
}

to the bottom of your stylesheet and see what it does to the 'log yourself in' link

Ok I tried it and it did nothing :frusty:

I am still trying to figure this out. I just want to change the "Log yourself in", "Forgot your Password","Copyright link and Zencart lins at the bottom by the Ip address and thats it. Any other sugestion? Thanks for the help!!!:blush:

that would be because I wasn't paying attention :( my bad I didn't click on the link, so I was not getting the visited color. try this at the bottom of your css file instead

.greeting a:link{
color: #FFFFFF;
}
.greeting a:visited{
color: #FFFFFF;
}
.greeting a:hover{
color: #FF0000;
}
#siteinfoLegal a:link{
color: #FFFFFF;
}
#siteinfoLegal a:visited{
color: #FFFFFF;
}
#siteinfoLegal a:hover{
color: #FF0000;
}
.buttonRow a:link{
color: #FFFFFF
}
.buttonRow a:visited{
color :#FFFFFF
}
.buttonRow a:hover{
color: #FF0000;
}

I think im going to cry :clap: it worked great! One last question. How would I change the black writing where the IP address is, Login section ect just basicly whats in JUST the center sections. I really, really appreciate your help its a struggle for newbies and with out help from people like you we would be lost!:blink:

Thanks,
Chad

Oh crap I found more blue links ect. How do I change those as well? Im sorry...

sigh...... :D

ok, if you take out what I did before (you made a backup right :P)

and swap it with this

.centerColumn a:link, .greeting a:link, #siteinfoLegal a:link, .buttonRow a:link, #navBreadCrumb a:link {
color: #FFFFFF;
}

.centerColumn a:visited, .greeting a:visited, #siteinfoLegal a:visited, .buttonRow a:visited, #navBreadCrumb a:visited {
color: #FFFFFF;
}

.centerColumn a:hover, .greeting a:hover, #siteinfoLegal a:hover, .buttonRow a:hover, #navBreadCrumb a:hover {
color: #FFFFFF;
}

if you make all the text white, finding the links is going to be a bear. (get it? I r funny) lemme know the hex code for the brown your using and I'll see what I can do

Sherpa, Im so sorry I hate to ask for help I feel like im being a bother in the community I have read everything about link corol which there is very likttle information on this! I appreciate the help your doing I wish I knew CSS but im still learning. How do you know what section is what in CSS? Is there some kind of tutorial you know of that will help me make adjustments to the layout in the future. This site is for my moms craft business and I spend countless hours trying to make it look like she wants it and it drives me crazy. The site I made in html took me forever take a look http://www.rbackyard.net anyways the brown color is #6e4d08

Oh, is this test site slow for you? It seems way too slow on opening pages.... http://www.rbackyard.net/rbackyard

Thanks,
Chad