How to change background color of product image on product page? For transparent product images.

[TeunvW17]

Hello,

i want to change the product image background color on the product page. My product pictures are all transparent. How can I change the background color to gray (#EAEAEA)? 

[MandasaTech]

Hello @TeunvW17,
Please share your store URL.

[TeunvW17]

Hi @MandasaTech ,

My store: www.expressedlifestyle.com

password: 1711

thanks for the quick responds!

[MandasaTech]

@TeunvW17,

Go to Online store >> Edit code >> Assets >> find base.css file  and add the below code bottom of the base.css file.

.product__media {
    background-color: #EAEAEA !important;

}

[TeunvW17]

@MandasaTech 

Still not working 😞

[MandasaTech]

Can you please share screenshot of css file?

[TeunvW17]

 

[MandasaTech · Accepted solution]

Go to Theme.liquid file add this bottom CSS before </body> tag.

<style>

.product__media.media.media--transparent {
background-color: #EAEAEA !important;

}

</stye>

[TeunvW17]

Thank you so much! @MandasaTech 🐐 

[Ski6284]

Hi there. I'm having the same problem. I'm wanting to change the background colour of my product images. can you help?