PS 1.6 Modify product image container

[kalle]

Hello all,

I am trying to change the background color of the .product-image-container but i cannot find in which css is is defined.

I am using PS 1.6 default theme.

I want simply turn the background of the images in the newproductsblock from white to black.

I can inspect the element:

 

media="all"

ul.product_list.grid > li .product-container .product-image-container {

1. background: white;

}

 

and this:

 

media="all"

ul.product_list.grid > li .product-container .product-image-container {

1. border-color: #dfd8ca;

 

but cannot find this both in global, product_list or product.css

 

anyone can help me finding it?

Thanks in advance

 

RC

 

[dioniz]

It's in yourdomain/themes/default-bootstrap/css/product_list.css around line 175

[kalle]

Hello Dioniz, thanks for your reply,

I have checked here Lines from 168 to 167 :

 

  ul.product_list.grid > li .product-container {

    background: black;

    padding: 0;

    position: relative; }

    ul.product_list.grid > li .product-container .product-image-container {

      border: 1px solid #d6d4d4;

      padding: 9px;

      margin-bottom: 13px;

      position: relative; }

      @media (max-width: 767px) {

 

 

but as you can see the background is already set to black, but doesn't work.

do I have to add a line with the background color here?:

    ul.product_list.grid > li .product-container .product-image-container {

 

thanks

[dioniz]

That should work. But images themselves have white background or you have transparent images. Could that be a problem?

[kalle]

I have solved this myself thanks.

I had to modify the .css of the themeconfigurator module, the trick was there.

Thanks