Transparent Background for Product Images Showing up White - Brooklyn Theme

Hi! I have uploaded my images as .png with transparent backgrounds, but they are showing up with a white ground. How can I fix this?

Thank you!

@helloadrianne

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

Hi,

Please share your store URL and if your store is password protected then also provide password too.

Thank you.

Hi! Thanks so much!

https://helloadrianne.myshopify.com/

password: bowska

Hi! Thanks so much!

https://helloadrianne.myshopify.com/

password: bowska

Please add below css code in bottom of assets/timber.scss.css file

.product-single__media-flex img.mfp-image {
background-color: transparent;

}
Thank you.

Absolutely amazing! Thank you so much!

I’m also having the same issue. It views transparent at first but then if I click a color way variant under the image I get a white background. Can you help pinpoint where I need to place that code line?

https://campfirepottery.myshopify.com/collections/all-products

password: cortona21

I can’t find the code in the Origin theme. Same issue as helloadrianne :disappointed_face:

@Ruben235

oh sorry for tat issue can you please share issue image?

Where can I find the “assets/timber.scss.css file” ?

As someone who doesn’t know much about code, I’m having the same issue, if someone could point out how to find “assets/timber.scss.css” on the page code it would really help.

There is no such thing as timber.scss.css in assets. At least in Dawn theme. Where to find it?