Trying to make product image background transparent , nothing working ?

Shopify Discussion

Topic summary

A user is attempting to make product image backgrounds transparent on their Shopify store using the Dawn theme to match the website background. Multiple CSS code solutions found in the community haven’t worked.

Attempted Solution:

  • One responder provided CSS code using mix-blend-mode: darken to be added to base.css
  • The user located base.css but couldn’t successfully implement the fix

Alternative Approach Suggested:

  • Another community member identified that the product images themselves have white backgrounds
  • Recommended removing the white background directly from the images using tools like:
    • Remove.bg (online background removal)
    • Photoshop
    • Canva Pro (30-day trial available)

Current Status:
The issue remains unresolved. The discussion suggests the problem may require editing the actual image files rather than applying CSS code to the theme.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
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)