Trying to make product image background transparent , nothing working ?

Shopify Discussion
1

Im trying to make my product image background transparent so it matches the background of my website , i’ve used two different codes ive seen posted on here but neither will work. Its the Dawn template,

2

Hi @Dar311 ,

Thank you for reaching out to the Shopify community. I’d be glad to assist you. Could you kindly share your store URL and
password (if it’s password-protected) so I can review it and provide you with an update?

3

https://thatsofetchshop.com/

4

Hi @Dar311 ,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

.product__media-list .media>*,
.media>*:not(.zoom):not(.deferred-media__poster-button), .media model-viewer {
    mix-blend-mode: darken !important;
}
5

Thank you , is that 5 different sections I have to paste the code into ? I can only find base.css in the asset folder.

6

base.css

1 Like
7

Can’t get it to work but thank you for the help

8

Hi @Dar311 ,

I see your product image already have white background. So you only need remove white background of image, problem will solved.

I suggest you tools can be help:

  1. https://www.remove.bg/
  2. Photoshop
  3. Canva (You can try Canva Pro for 30 days trial)