Changing background color on product listing page

[WonderSlug]

Hello.

 

I'm manually changing the colors of the catalog from white to dark backgrounds.

 

I'm using light text colors (light yellow, white, light pink, etc.)

 

I've got it almost where I want it except for one thing. When one clicks on one of the product categories and it gets to the "Let's See What We Have Here" Displaying 1 to XX (of XX products) page, the products are listed with yellow text on a white background, which is very hard to read.

 

All the other infoboxes (Categories, Shopping Cart, Information, Reviews, What's New) have the Dark Grey background, but not the main product listing section [the one with the Displaying 1 to XX (of XX) products].

 

How do I change the white background (#FFFFFF) in this section to Dark Gray (#202020) so that the yellow text is readable?

 

Is it catalog/stylesheet.css that needs to be edited, and if so, what section?

[blr044]

All the other infoboxes (Categories, Shopping Cart, Information, Reviews, What's New) have the Dark Grey background, but not the main product listing section [the one with the Displaying 1 to XX (of XX) products].

 

How do I change the white background (#FFFFFF) in this section to Dark Gray (#202020) so that the yellow text is readable?

 

You can find these in your stylesheet.css. You now can edit the background color.

 

.productListingData {

table-layout: fixed;

}

 

.productListTable tr.alt td {

}

[WonderSlug]

You can find these in your stylesheet.css. You now can edit the background color.

 

Ok. Thanks for the info.

 

I modifed the following in '/catalog/stylesheet.css' and it works now:

 

 

TD.productListing-data {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 background: #202020;
 color: #FFED9C;
}

 

I added the 'background: #202020;' snippet.