Dawn Theme Remove Product Background On Product Page

[webbuilder9]

Hello,

I would like to change the white background of my products to transparent in the product page. For some reason Dawn Theme puts a white background for the product, even when the uploaded picture is .png transparent. The transparent background works on the home page, but when clicking the product and opening the product page, the background turns white. See pictures below!

(I also tried the following code in theme.liquid which I found, but it didn’t work:

.product__media.media.media--transparent.gradient.global-media-settings { background-color: transparent !important; } )

See pictures below of what I mean!

Thank you already!

[Dan-From-Ryviu]

Hi @webbuilder9

Could you share a product page link to check?

[Moeed]

Hey @webbuilder9

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

[webbuilder9]

https://f3rk69duis2c68cs-76588974424.shopifypreview.com

[webbuilder9]

I posted the link above to the previous comment

[Dan-From-Ryviu]

Please add this code at the bottom of your base.css file

.product-media-container { background: none !important; border: none !important; }

[webbuilder9]

Thank you so much! It worked

[Moeed]

Hey @webbuilder9

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Dan-From-Ryviu]

Happy I could help <3!