Hi there,
Can anyone guide me to how to change product image lightbox view background colour. I want to change the background colour to transparent.
Thanks in advance.
I wonder why shopify community developers never answer to most of the posts @Shopify_77
Hi @rajj99 ,
Go to Assets > theme.scss.liquid and paste this at the bottom of the file:
.template-product .mfp-bg {
background-color: transparent !important;
}
Hope it helps!
1 Like
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community! 
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
1 Like
Thanks a lot, although this works but the background is fully transaparent. But how do I make it look transparent with opacity like attached image.
@KetanKumar Thanks a lot, here is my website url - https://bit.ly/378MVkn
1 Like
yes, please try this code
- Go to Online Store->Theme->Edit code
- Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.template-product .mfp-bg {background-color: rgba(0,0,0, 0.5) !important;}
After Code Preview
1 Like