I would like to have a white background/margin all around the image of a product, in the woocommerce product page, when you click on + to make it full screen (I think trough Lightbox).
Is it possible with some Lightbox customization / CSS?
This is a customization question and support doesn't offer customization services as we wrote on our support homepage and on this area. I will try to help you this time though
.woocommerce img.pswp__img, .woocommerce-page img.pswp__img {
border: 20px solid #fff;
}
Thank you so much. I was more interested in the full background of the image to be white and not only the margin around the image. I was not clear enough in my request, I did mention “margin” and that confused you.
Having said that, as long as I keep the margin below 20px it works nicely, also on the mobile version, and I must admit the effect is really cool, because it does look more as a print rather than a photo.
Your solution inspired me and I find a way to have also the white background, adding the following in Custom CSS:
I would like to have a white background/margin all around the image of a product, in the woocommerce product page, when you click on + to make it full screen (I think trough Lightbox).
Is it possible with some Lightbox customization / CSS?
Hi nicosea,
This is a customization question and support doesn't offer customization services as we wrote on our support homepage and on this area. I will try to help you this time though
.woocommerce img.pswp__img, .woocommerce-page img.pswp__img { border: 20px solid #fff; }Have a nice day!
Hi Ylli,
Thank you so much. I was more interested in the full background of the image to be white and not only the margin around the image. I was not clear enough in my request, I did mention “margin” and that confused you.
Having said that, as long as I keep the margin below 20px it works nicely, also on the mobile version, and I must admit the effect is really cool, because it does look more as a print rather than a photo.
Your solution inspired me and I find a way to have also the white background, adding the following in Custom CSS:
.pswp__bg { background:#fff; }I hope it will help other people :-)
So again thank you so much!
Kind regards,
Nico
Hi Nico,
Happy to hear your kind words
I wish you all the best!
I will set this ticket as solved from here.