How Do I Change Font Color on CSS navEZPagesTop

[Bob88Vette]

I'm trying to change the color of the font in the EZ Pages main page top header.

Site Map :: Delivery :: About Us :: My Account

When I change the color now it changes some of the text in the informational boxes in the two columns of the main page. I want that text to stay black but the above navbar go to white.

I assume I need to make a new DIV ID in the stylesheet.css but I can't find where to place the new DIV ID tag for it to pick the new style up.

I hope this makes some sense. Thanks so much for any leads or help

Bob

[gjh42]

There are plenty of tags already; you just need to use the right ones.

#navEZPagesTop a {color: #116699;}

This will affect only links in the ez-pages top bar.

[Bob88Vette]

Thanks for the help and I found the "#navEZPagesTop a" section in the CSS but when I change the color to white it does change the navbar text but it also changes the text to white in three of the column boxes down in the main body. With a white background the white text disappears.

I'm missing something on how to just change the navbar. Interesting enough I was able to change the little " :: " seperators to white from another part of the CSS.

Thanks for any other tips or direction.

Bob

[gjh42]

Is there any other selector in the same line with #navEZPagesTop a in your stylesheet?

That by itself cannot affect any other elements, as it is very specific, but if others are in the same declaration they will be affected too. You need to separate out #navEZPagesTop a {} into its own declaration.

[Bob88Vette]

I think it is Glenn but maybe that is where I'm confused. Here is the entry from my CSS

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

This changes the " :: " to white (#FFFFFF) but the actual words like "SITE MAP" stay in black.

Thanks again

Bob

[gjh42]

#navEZPagesTop { controls the overall element, but doesn't specifically mention links, so the standard link color controls them. #navEZPagesTop a { will cover the links (the actual text).

So add another line, like this:

#navEZPagesTop a {color: #ffffff;}