A user encountered an issue where PNG images with transparent backgrounds displayed a gray background on their Shopify store product pages.
Solution Provided:
.card__inner {
background-color: transparent !important;
}
Outcome:
The CSS fix successfully resolved the transparency issue for multiple users, allowing PNG images to display without the unwanted gray background.
Hello, I was wondering if there is a way to remove the gray background in the product image? It’s a png with a transparent background yet im having trouble having it appear that way. I appreciate any help and guidance!
My website it www.mvprintz.com
The theme is Dawn
Hello @Nickmvp20 ,
Please share your website URL.
My website is https://mvprintz.com/
Add this css at the bottom
Online Store ->Theme → Edit code
assets → base.css
.card__inner {
background-color: transparent !important;
}
Worked like a charm, thank you so much!
Thanks a lot! It also worked on my Shopify!:))))
