Support » Plugin: Image Photo Gallery Final Tiles Grid » Transparent background on Lightbox

  • Resolved gogohopping

    (@gogohopping)


    Hello.

    Thanks for reading. I am looking for the specific CSS code to add to create a transparent background on lightbox images when opening on my website when clicking on my Final Tiles galleries and opening the Lightbox Slider the background is always white.

    I was unable to find a way to make the background transparent through the Final Tiles “style or Lightbox” options as well as the other options.

    Thanks for your time.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support beatrice12

    (@beatrice12)

    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.

    Thread Starter gogohopping

    (@gogohopping)

    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

    Thread Starter gogohopping

    (@gogohopping)

    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

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Transparent background on Lightbox’ is closed to new replies.