Jump to content

How to change the Product grid background color


Recommended Posts

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 

post-930688-0-56883600-1428003203_thumb.png

Link to comment
Share on other sites

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)
 
 
 
 
Paul
Link to comment
Share on other sites

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
 
Product List Page
 
Product Page
 
You may have to change other pages as well
 
Paul
Link to comment
Share on other sites

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).

 

 

post-930688-0-23782900-1428152005_thumb.png

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...