https://environmentalpartners.com.au/products/natural-cleaning-set This is what my product looks like when I open it. I want to influence the background color where I’ve marked X.
Regards.
Is there a way to change the color of the lightbox background in dawn when you open a product image?
Topic summary
A user sought to change the lightbox background color that appears when opening product images in the Dawn theme. The initial solution involved adding CSS code to the base.css file targeting .product-media-modal__content.color-scheme-1.gradient.
Mobile Issue Identified:
The first code snippet only colored a small area around the image on mobile devices, leaving gaps above and below.
Working Solution:
A revised CSS approach was provided that targets two classes:
.product-media-modal__content.product-media-modal__dialog.color-scheme-1.gradient
Both classes must use the same background color value for consistent results across devices.
Status: Resolved. The updated code successfully changed the lightbox background color on both desktop and mobile views.
Paste this code in the end of base.css file.
Here is how you can find base.css file.
Go to Shopify Admin > Online Store > Edit Code > base.css
.product-media-modal__content.color-scheme-1.gradient {
background: green;
}
I apply the green color. You can apply any color that you want.
Results:
Hi, yea I managed that but mobile it only surrounds tiny bit around the image not the space above and below it. Weirdly.
Try to paste this code.
.product-media-modal__content{
background: red;
}
.product-media-modal__dialog.color-scheme-1.gradient {
background: red;
}
Make sure both of the classe must have the same color.
It worked. Cheers! Thank you! appreciate your prompt reply!
You are most welcome 
.