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

[seethrou]

The code followed only for the 1st column heading and it is used for the image by the default install.
Since it not a link, only need:

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

Other then the 1st column heading, the column headings are for link, it need:

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

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

[rkharris]

Many thanks, that works well.

[arpeggio]

G'day guys. Thanks for this post.

I have precisely the problem described above by rkharris above but when I add the code suggested to my css, nothing changes.

Seethrou, you do mention something about “image” in your reply, do you mean that this text is only for pictures or something?

Pardon me, I think ya already know but, I’m still lost. Could ya please assist. Thank you in advance.

[seethrou]

With refer to the “image” in my reply above is the "Product Image", of which is in the first column and is the default display of the demo products. Other than this "image" in first column, the other columns are with "link" attribute.

Pls refer to the image attached.