CSS for search listing table heading

[hozyali]

Hello,

I have been trying to change the font color to white instead of blue. When we search for a product and it display the results list, it shows ITEM NAME (+/-) for sorting orders.

I have also checked an other thread on this forum

http://www.zen-cart.com/forum/showthread.php?t=97253&highlight=table+headings

but the solution defined there is the following

#listCell0-0 {color: #aabbcc;}

#listCell0-1 a {color: #335577;}

#listCell0-2 a {color: #998877;}

But I cannot find those styles/ids in my stylesheet.css file. please advise. I have already wasted a lot of hours to fix this.

Thanks in Advance

Ali

[kobra]

All tags are not in the style sheet - Just add them

[hozyali]

All tags are not in the style sheet - Just add them

Hello,

Yes I just added the new styles as described on this post

http://www.zen-cart.com/forum/showpost.php?p=531015&postcount=4

and it resolved the issue.

However One more issue I have related to this. I was able to change the color to white of Item Name and Price titles. but I also added the another css style for changing color on mouse hover. but it didn't work. Can you please advise. I added the follow style code.

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

Please advise if you can help.

Thanks a lot

Ali

[kobra]

Is that the correct tag?

Or provide a link to the page with some additional explanation

[hozyali]

Is that the correct tag?

Or provide a link to the page with some additional explanation

I think so, but it doesn't work with mouse hover. I am not too good with CSS thats why I doubt the hover class might not be correct or valid.

you can see the link in your PM. Sorry but wouldn't like to disclose the link to public. hope you understand.

Thanks
Ali

[kobra]

you can see the link in your PM. Sorry but wouldn't like to disclose the link to public. hope you understand.

You should not be making thihs mistake

As listing and ranking can take some time - You should be, even while in development, submitting your domain & site to the search engines now - and resubmit when you add and change content.

They will crawl it and see NEW content and begin their listing process

Even if it takes you 1, 2, 3 months to fully populate your site - by submitting now you will be months ahead in the listing game

Remember the bots do not see style or images only textual contentv - So your, catefory descriptions, product descriptions, privacy, about us etc are the things that they can read and list

[hozyali]

You should not be making thihs mistake

As listing and ranking can take some time - You should be, even while in development, submitting your domain & site to the search engines now - and resubmit when you add and change content.

They will crawl it and see NEW content and begin their listing process

Even if it takes you 1, 2, 3 months to fully populate your site - by submitting now you will be months ahead in the listing game

Remember the bots do not see style or images only textual contentv - So your, catefory descriptions, product descriptions, privacy, about us etc are the things that they can read and list

Hello,

Thanks for your information, but I understand your point. The reason is not to be picked by search engine. The reason is that I am working for my customer, if you have seen the site, its fully customized by me with a new template customer provided me. Its just I didn't wanted to disclose his link publicly.

Thanks again

Ali

[kobra]

its fully customized by me with a new template customer provided me

You should be making this template something other than "Classic" so that it will be preserved and not overwritten when doing an upgrade

https://www.zen-cart.com/tutorials/i...hp?article=142

[kobra]

Add the following to your stylesheet.css file for your template and adjust the color to suit

#listCell0-1 a:hover {
color: #000000;
}
#listCell0-2 a:hover {
color: #000000;
}

Scrap above - You have this on your stylesheet

#listCell0-1, #listCell0-2, #listCell0-3, #listCell0-4, .productListing-heading a {
color: #ffffff;
font-size: 1em;
text-align: center;
}
.productListing-heading a:hover {
color: #ffffff;
}

Where you have both the link and the hover as white and that is exactly what is being rendered change the color of the .productListing-heading a:hover entry and you will see it respond

[hozyali]

Add the following to your stylesheet.css file for your template and adjust the color to suit

#listCell0-1 a:hover {
color: #000000;
}
#listCell0-2 a:hover {
color: #000000;
}

Scrap above - You have this on your stylesheet

#listCell0-1, #listCell0-2, #listCell0-3, #listCell0-4, .productListing-heading a {
color: #ffffff;
font-size: 1em;
text-align: center;
}
.productListing-heading a:hover {
color: #ffffff;
}

Where you have both the link and the hover as white and that is exactly what is being rendered change the color of the .productListing-heading a:hover entry and you will see it respond

That's great, it worked. thanks a lot.

Sorry, I wasn't award of the search url. I am using Zen Cart first time. :)

Thanks again for your help.

take care. bye
Ali