font color help

[oxicottin]

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/g9...ic_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

[TMC_Sherpa]

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

[oxicottin]

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

[oxicottin]

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.

[TMC_Sherpa]

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;
}

[oxicottin]

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

[oxicottin]

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;
	}

[TMC_Sherpa]

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

[oxicottin]

Ok I tried it and it did nothing

[oxicottin]

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!!!