changing font color of ezpage links in top header

[circlegtractors]

I have spent the last three hours searching and have come up empty so here's a new thread. I am trying to change the way the links for the ezpages look in the top header. I have found the section of spreadsheet.css to change the size font for these links:

#navEZPagesTop {
background-color: #abbbd3;
background-image: url(../images/tile_back.gif);
font-size: 1.5em;
font-weight: bold;
margin: 0em;
padding: 0.5em;
}
changing the font size, i have it the size i desire, but i cannot seem to find the right spot to change the color of the font.

Any ideas?

[khopek]

Have you tried adding

color: #cccccc;

to the above code?
Change the part in red to whatever the hex code is for the color you want.

[circlegtractors]

nope sure havent, would it go in right below font size, or does it matter where i try it?

[khopek]

i don't think it *really* matters, but I'd go ahead and put it under the font-weight, just to keep things in order.

[circlegtractors]

Thanks ill give it a try

[circlegtractors]

That didnt work, I put it in as you have and i also tried:
font-color: #FFFFFF;

and it still didnt work. It still comes up as that same blue look.

www.circlegtractorparts.com/shop

its the green menu with circlegtractors.com::Tractor package deals::Jinma 6 woodchippers.

Any more ideas?

[khopek]

Oh DUH!

#navEZPagesTop a {
color: #FFFFFF;
}


(a refers to the links)

[circlegtractors]

#navEZPagesTop {
background-color: #abbbd3;
background-image: url(../images/tile_back.gif);
font-size: 1.5em;
font-weight: bold;
#navEZPagesTop a {
color: #FFFFFF;
}
margin: 0em;
padding: 0.5em;
}

#navColumnOne, #navColumnTwo {
background-color: transparent;
}

/*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
vertical-align: top;


This is what i did, it didnt work. Did i do it wrong?

Thanks a lot for your help so far, sorry im so slow

[khopek]

Oh sorry for not explaining that...You wanted to add the #navEZPagesTop {color: #FFFFFF; } to your stylesheet. So to fix what you did just find:

#navEZPagesTop {
background-color: #abbbd3;
background-image: url(../images/tile_back.gif);
font-size: 1.5em;
font-weight: bold;
#navEZPagesTop a {
color: #FFFFFF;
}
margin: 0em;
padding: 0.5em;
}

Change it to

#navEZPagesTop {
background-color: #abbbd3;
background-image: url(../images/tile_back.gif);
font-size: 1.5em;
font-weight: bold;
margin: 0em;
padding: 0.5em;
}

#navEZPagesTop a {
color: #FFFFFF;
}

The selector #navEZPagesTop will change the TEXT properties in your header (ie. the :: you have between links)
while #navEZPagesTop a will change the LINK properties.

[circlegtractors]

Never mind, I figured it out. I just made it under its own section. Like this:

#navEZPagesTop {
background-color: #abbbd3;
background-image: url(../images/tile_back.gif);
font-size: 1.5em;
font-weight: bold;
margin: 0em;
padding: 0.5em;
}

#navEZPagesTop a {
color: #FFFFFF;
}

#navColumnOne, #navColumnTwo {
background-color: transparent;
}

Thanks so much for all your help!!!