Product pictures with border

Hello everybody,

I have a problem with the pictures of our products, it seems that there is a white frame regardless of the picture size.
I would like to remove this white background or at least to change the color of the frame with the same color of the background.
In previous versions, I saw that it may be a css change but I couldn’t found where and how to change it. I am running 4.17.1
Maybe someone else knows how to do it.
Thank you in advance!

Please share URL of your website. We will check if it can be solved with CSS only

Settings > General > Thumbnails
Change the Thumbnail background color to the color of your preferred background color or leave it blank and set the Thumbnail format to PNG for a transparent fill.
Tweak the dimensions for the Product list thumbnail width and thumbnail height - it looks like your thumbnails should be square (width and height equal).

Hello again. Thanks for the suggestions! Unfortunately this Thumbnails settings was what I tried first but without any luck. I tried changing the background color and now the PNG format as well. After each change I cleared the cache and thumbnails but it seems that it doesn’t work.
The link to one page where the white border is visible:
https://rozmarin-concept.com/pentru-ea/esarfe-din-matase-naturala/esarfe-steward-44-cm/

Please try to add the following code to the CSS section of the Theme editor

.ty-grid-list__image {
    padding: 0 !important;
}
3 Likes

Thank you very much ecomlabs for your support ! It is working and it looks really nice.

1 Like

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.