Changes to css for type color

[LeoJ]

I have been working on this problem for about a month off and on. I have put in many hours to try to figure it out by reading all relevant posts and using firefox and firebug. I have become intimate with my css and can almost recite it by heart but for the life of me I can not seem to figure out how to change the color of the text in the ez-page header bar from blue to white or at least to a lighter color that will make it easier to see. This same problem also occurs in the product listings that are viewed in the center column for weight, manufacturer, quantity, etc. in the header of the product listings. The words product image are white. The color of the tile.gif is brown and the blue text is very hard to see. I am using zencart V1.5.1. I can turn the brown bar off and under that is a light blue bar that I can turn off as well but I can not seem to find the css code that pertains to the darker blue text and I need to change it. I went through the process of changing every color code in the css document and it seems to me that none of them correspond. Do I have to add additional css to format this text or is it something in the admin console that I am missing.

[gjh42]

Seeing your site live would be the best way of accurately diagnosing your issue, but I suspect that what you are seeing is the default HTML link color of blue. This is the case for these areas in Zen Cart's default Classic template, but should be handled appropriately (by explicitly styling those links) by any template that uses different backgrounds for these areas. So we need to see it to be sure of the exact answer.

It doesn't matter what color you assign to a container, links in it will be blue unless you tell them otherwise.

#navEZPagesTop a {color: #112233;}

Adjust to taste.

[LeoJ]

Yes! I do believe you hit the nail on the head. I was beginning to suspect that. Unfortunately I am just learning css, php, html etc. etc. truly a newby to this world of programming. The site is amateurchef.com if you want to take a look. I guess I need a bit more specific detail regarding what links need to be explicitly styled. I should be able to figure out how to style them if I know what they are. Or maybe I could review the default css for zencart. Would that present the same problem or point me in the right direction? You are correct I am using an edited version of the classic css. If you look at the site you will have to pick a product category to see the center column links that are blue. Thank you for confirming what I was beginning to suspect. Any help would be greatly appreciated.

[stevesh]

For those links, you could add something like this to your stylesheet:

#navEZPagesTop, #navEZPagesTop a, .productListing-heading a {color: #FFFFFF;}

If you don't already have it, install the Firefox browser, then the Firebug plugin. With that, you can view the id's and classes on your pages, and edit the stylesheet(s) in real time without changing anything permanently until you're ready. An essential tool.

[LeoJ]

Thank you stevesh. It took me some time but I got it figured out. Thanks for your help. Had to edit css for the following styles:

#navEZPagesTop a {color: #FFFFFF;}
#navEZPagesTop a:hover {color: #FF0000;}

.productListing-heading a {color: #FFFFFF;}
.productListing-heading a:hover {color: #FF0000;}