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; } |
Thank you, this problem was driving me Nuts
Glad I could help 🙂
I searched 2 hours and finally you have the solution i also use transparent background
for example
.pswp__bg {background: rgba(0, 0, 0, 0.7);}
Glad I could assist 🙂
Thank you very much, I’ve tried a lot of variations, but none of them worked and then I found your solution 🙂
You’re welcome!