Making collection photo background transparent

Solved

Making collection photo background transparent

StafMeister
Excursionist
36 1 9

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

Accepted Solution (1)

Shadab_dev
Shopify Partner
600 39 67

This is an 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;

}

Buy me Coffee, if you feel i was helpful. Email Me or WhatsApp me for any help with shopify theme customizations or any project in web dev. If this is helpful, please Like and Accept the solution.

View solution in original post

Replies 3 (3)

Shadab_dev
Shopify Partner
600 39 67

This is an 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;

}

Buy me Coffee, if you feel i was helpful. Email Me or WhatsApp me for any help with shopify theme customizations or any project in web dev. If this is helpful, please Like and Accept the solution.
StafMeister
Excursionist
36 1 9

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

 

StafMeister_0-1730231478708.png

 

Shadab_dev
Shopify Partner
600 39 67

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

Shadab_dev_0-1730232235594.png


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

Shadab_dev_1-1730232288735.png


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

Buy me Coffee, if you feel i was helpful. Email Me or WhatsApp me for any help with shopify theme customizations or any project in web dev. If this is helpful, please Like and Accept the solution.