I have a moving background and for my products I want them to be transparent. I uploaded PNGs for the product images but they still show the backgrounds as white instead of transparent. How do I fix this?
Website is https://isaacgarcia.shop/
Topic summary
A user uploaded PNG product images expecting transparent backgrounds to work with their moving website background, but the images display with white backgrounds instead.
Issue Details:
- Product images show white backgrounds rather than transparency
- PNGs were used as the file format
- The site features a moving/animated background
Proposed Solution:
A community member (San from MS Web Designer) suggested:
- Adding CSS code to the bottom of the stylesheet:
.card__inner { background: transparent !important; } - Removing the default white background color from images and re-uploading them
- Note: Many images have white backgrounds by default that need to be removed before upload
The discussion remains open, awaiting confirmation whether the CSS fix resolved the transparency issue.
Hi @tdc757
I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.
Please add this css in your bottom of the css file:
.card__inner {background: transparent !important;}
Note: There are many images background by default white you should remove the background color and then upload again.
Regards,
San