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

Store Feedback
1

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)?

2

Hello @TeunvW17 ,
Please share your store URL.

3

Hi @MandasaTech ,

My store: www.expressedlifestyle.com

password: 1711

thanks for the quick responds!

4

@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;

}

5

@MandasaTech

Still not working :disappointed_face:

6

Can you please share screenshot of css file?

7

Schermafbeelding 2022-11-07 om 14.19.04.png
Schermafbeelding 2022-11-07 om 14.19.04.png3335×1850 469 KB

8

Go to Theme.liquid file add this bottom CSS before tag.

.product__media.media.media--transparent { background-color: #EAEAEA !important; }
1 Like
9

Thank you so much! @MandasaTech :goat:

10

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