To change the background of WooCommerce 3 new photoswipe lightbox which appears in the single-product.php template, use the following CSS in your theme to invert the colors to white.
1 2 3 4 5 6 7 8 9 10 11 12 13 | .pswp__bg {background: #FFF !important;} .pswp__caption, .pswp__top-bar { background: #000 !important; } .pswp__ui h3, .pswp__ui button, .pswp__button:before { color: #000 !important; } button.pswp__button--arrow--left::before, button.pswp__button--arrow--right::before { background-color:#000 !important; } .pswp__counter { color: #FFF !important; } |