[solved]Prestashop 1.5.3 removing border around the image

[GrandPric]

I'm trying to remove grey border around the images. It fails me deseprately.

 

I've tried the followings

 

In global.css

 

Line 13

fieldset,img{border:none}

 

and

 

.products_block li img {border:1px solid #d1d1d1}

 

to

 

.products_block li img {border:none}

 

regenerate image and force recompile on.

 

Please point me out what else whould I look for?

Edited March 8, 2013 by poekong (see edit history)

[GrandPric]

I'm trying to remove grey border around the images. It fails me deseprately.

 

I've tried the followings

 

In global.css

 

Line 13

fieldset,img{border:none}

 

and

 

.products_block li img {border:1px solid #d1d1d1}

 

to

 

.products_block li img {border:none}

 

regenerate image and force recompile on.

 

Please point me out what else whould I look for?

 

Ahh I found it lol!

 

product_list.css

 

border: 1px solid #ccc

 

to none

[GoneVintage]

Thanks, Just looked for this.

[HOBMARKET]

thanks for the solution...

Nice one

[juweeltje5]

diden't work in presta1.6.1.10.... any solution?

[juweeltje5]

no one??

[rocky]

You can use your browser development tools to find the CSS related to an element. I just checked Firebug and it's saying it's line 167 of themes/default-bootstrap/css/product_list.css:

      border: 1px solid #d6d4d4;

[juweeltje5]

 

You can use your browser development tools to find the CSS related to an element. I just checked Firebug and it's saying it's line 167 of themes/default-bootstrap/css/product_list.css:

      border: 1px solid #d6d4d4;

o.k, so i have changed it to  #FFFFFF    

that is color white...

so now i don't see the border on the products in the homepage, but i still see them in te categorie's and sub catergories, so where do i change that please?

[rocky]

Do you mean the subcategory thumbnails? You can change the border of them on line 61 of themes/default-bootstrap/css/category.css:

          border: 1px solid #d6d4d4; }

[juweeltje5]

NO,  i mean the products that are shown when i'm in the subcategory's ....

 

Edited February 17, 2017 by juweeltje5 (see edit history)

[rocky]

That screenshot is PrestaShop v1.7, not v1.6.1.10. If you are using v1.6.1.10, making the change in post #7 above should have changed that product too. The file product-list.css applies to all product lists whether on the homepage or category and subcategory listings. If it's not on your website, then you must be using a third-party theme and you'll need to use the development tools yourself to find the border.

[juweeltje5]

the screenshot is idd of prestashop 1.7, and yes, i'm using v1.6.1.10

 

the color change on line 167 (post#7) was not enough, i also needed to change the lines 18, 275 and 394 in the product_list.css to make the border disappear.

Now i don't have any borders around my product pictures in the home page and sub categories....so that's o.k.

but....

i stil have a border around the product picture if i go to the product itself...;so how do i remove that?

thanks

[rocky]

It's on line 37 of themes/default-bootstrap/css/product.css:

  border: 1px solid #dbdbdb;

[juweeltje5]

the border was gone when i have changed line  37 in the product.css

 

i also changed line 115  so that the border around the mini tumbs are gone as well

 

thank you very much Rocky !  

Edited February 18, 2017 by juweeltje5 (see edit history)