Making collection photo background transparent

[StafMeister]

Hello,

I have uploaded all of the product images with transparent background but however in the collection page all of the products have white background. How can I get rid of it? Thank you https://vintageinknox.com/collections/all

[Shadab_dev · Accepted solution]

Okay so open your code editor and look for plain-jane.css file. Add this code at the very bottom of the file below everything.

.collection-item{

background-color: transparent;

}

[StafMeister]

Hi thank you for your reply. It only made 1 product background transparent

[Shadab_dev]

I just checked and the images you have uploaded are not transparent or png images.

You see the image from which the bg-color was removed is a png with no background you see the small grey white checks

But you see this one has png extension but has a white background

try removing the backgrounds with remove background image online tool and adding those products again. Or just check and make the image which is transparent the main image from product settings if you have multiple products for them.

Thanks