Change lightbox theme to light overlay on product detail page Avenue 7.0

Hi,

Would anybody know how to change the lightbox theme to light overlay (rather than dark overlay) for the images (both the feature and caroussel images) on a product detail page?

I tried these with no success:

.gallery-lightbox-background {
    background-color: white;
}

and:

.product-lightbox-background {
    background-color: white;
}

I'm using Avenue template 7.0

Thank you,

Can you share link to page where we can see lightbox? We can check easier

Hi,

Thank you, here is a link:

https://www.myriamrousseauart.com/new-products/lion-iii

Thanks,

14 hours ago, mrart said:

Hi,

Thank you, here is a link:

https://www.myriamrousseauart.com/new-products/lion-iii

Thanks,

Add to Design > Custom CSS

.yui3-lightbox2 .sqs-lightbox-overlay {
    background-color: rgba(255,255,255,0.5);
}

Hi,

Thank you so much, this is working perfectly on mobile, but it doesn't seem to work on desktop. Would you know of anything that could help for that?

Thanks again,

On 7/2/2022 at 9:20 PM, mrart said:

 

Hi,

Thank you so much, this is working perfectly on mobile, but it doesn't seem to work on desktop. Would you know of anything that could help for that?

Thanks again,

I see it worked on my end

Hi,

Thank you again, it is now working also on desktop, I think the previous info must have been cached.

Thank you so much for this help,