Hello @gogohopping,
Thank you for reaching out to us!
Can you please send us your site so we can take a closer look?
Thank you,
Beatrice.
Hi
Thanks for your reply.
Please be aware that my website is Not Safe For Work (NSFW)
If this is not a problem then an example of the problem has been uploaded to this gallery https://www.gogohopping.com/public-area-featured-hopping-models-model-first-bar-galleries/
The first picture in the gallery is my example. The PNG picture thumbnail has a transparent background, which is fine… but when clicking on the thumbnail and opening the larger picture, the PNG background is white rather than transparent.
Please can you confirm if there is a way to make the background of the enlarged pictures transparent?
Thanks
Paul
-
This reply was modified 2 years, 3 months ago by gogohopping.
-
This reply was modified 2 years, 3 months ago by gogohopping.
Hi Paul,
Thank you!
Please add this code in Appearance > Customize > Additional CSS:
#lightbox .lb-outerContainer {
background: transparent;
}
Save and this will fix it.
Warmly,
Mihaela
Dear Mihaela,
The code provided worked perfectly from what I can see. The background of the picture is now transparent. Thanks a lot.
I have one final request, if possible.
Please can you confirm if there is a way, or CSS code, that can remove the white border frame, or make the border frame also transparent, around the outside of the larger picture when opened in lightbox?
Thank you again for your time.
Paul
Hi Paul,
Please use this code to remove the border:
#lightbox .lb-image {
border: none;
}
Warmly,
Mihaela