Header Bar Text Colour Change

[rkharris]

I need to change the menu text colour in the header bar above the products when viewing product listings BUT not the colour of the product names, it would seem that they use the same settings, I have located the setting that change the text colour in the stylesheet:

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

Can anyone help me to separate the header text from the product text. Many thanks all

[seethrou]

Please refer to the topic below, it may be what you want.
problem with productListing-heading css

.

[rkharris]

Hi, that seems to be the answer but i am a unsure where i put the code so that it will be for the correct table, how do i find thew file and name. i am new to this so please be simple. Thanks

[seethrou]

You can insert it into the end of your stylesheet.css to test.

[rkharris]

Great I will have a play and see. Thanks

[rkharris]

Hi
I have added the text and it works for the 1st column “Product image” & the “hover” colour on the other coloumns but the main colour in the other columns is still the same. Do you know what could be over riding the changes ?

I added this at the end of the style sheet:


#listCell0-0.productListing-heading {
color: white;
}

#listCell0-1.productListing-heading {
color: white;
}

#listCell0-1.productListing-heading a:hover {
color: red;
}

#listCell0-2.productListing-heading {
color: white;
}

#listCell0-2.productListing-heading a:hover {
color: red;
}

#listCell0-3.productListing-heading {
color: white;
}

#listCell0-3.productListing-heading a:hover {
color: red;
}

#listCell0-4.productListing-heading {
color: white;
}

#listCell0-4.productListing-heading a:hover {
color: red;
}