Transparent background in product image gallery

On the single product page, if I click the button “click to enlarge” button lightbox opens. The background is dark as shown in the attached image. Can I make it transparent?

Attachments:

You must be logged in to view attached files.

Hello,

Yep, you can make it transparent but it will look weird. Enter the below code to the “Custom CSS for desktop” area in Theme Settings -> Custom CSS.

.single-product .pswp .pswp__bg {
    background-color: transparent;
}

Feel free to reach out to me anytime when you have anything more to say.

Kind Regards

[Author]

Posts