How to change the Product grid background color

[Charlee]

I am struggling to have 2 different colors on the columns container of my homepage, and also for the product page.

 

I changed the columns-container background color but I would like to have a different one behind the grid of products.

As you can see on the image i uploaded, I would like 2 different colors: color 1 (grey for example), on the borders of the site, and color 2 (white for example) in the "most important" part of the site.

 

I tried to find it in the global.css file, and in the product.css and product-list.css, but after hours searching, I beg for your support...

 

Thanks 

[Paulito]

Hello

 

Not sure if this will help but you can try adding this anywhere in global.css

 

ul.product_list.grid > li {background:white!important;}

 

#page, header, .columns-container, .header-container {background: none!important;}

 

body {background:grey!important;}

 

Just change the colours to suit (and use hex colours)

 

 

http://screencast.com/t/5VetPcJNtNB

 

http://screencast.com/t/kPbBkmIYaF

 

Paul

[Charlee]

Great! Thank you it worked!

 

But I tried to paste the same code in the product.css and product_list.css to have the same presentation as on the homepage, but it didn't work...

 

How should I do?

[Paulito]

Hello

 

The code should go n global.css

 

this is hat I get on the product page:

 

http://screencast.com/t/p9keK8z6QZGJ

 

Paul

[Paulito]

Hello again 

 

Or  try this code

 

Based on PS 1.6.0.14 default

 

#page, header, .columns-container, .header-container {background: none!important;}

 

body {background:grey!important;}

 

ul.product_list.grid > li {background:white!important;}

 

.pb-center-column {background: white!important;}

 

Results

 

Home/Index Page

http://screencast.com/t/9JIJRnbsTLOw

 

Product List Page

http://screencast.com/t/AHCTb7If5j

 

Product Page

http://screencast.com/t/mpUX5Lz9nju

 

You may have to change other pages as well

 

Paul

[Charlee]

Thanks a lot Paulito.

Nevertheless, this doesn't lead to what I would like.

 

As you can see, there are different white zones, and I would like to link them with a white background (except on the edges of the page, that would be grey).