Alter WooCommerce Single Product Lightbox Background Color

This is a Developer Level doc.

If you're unfamiliar with CSS and/or editing files, codes and templates, as well as with resolving possible conflict, please seek help from a professional. Under our Support Policy, we don't provide support for modifications and customization.

If you wish to change the lightbox background color on WooCommerce single product images, use the following CSS snippet:

.pswp__bg {
    background: #fff !important;
}

Adjust the background value per your need.

All CSS snippets should be added via a child theme's style.css file or using the built-in Custom CSS panel.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.