Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 5, 2014 at 11:40 pm #232983
    techgrayscale

    Hello,

    I was wondering how I could add I transparent background (solid color, ie: 70% black) behind images in a lightbox. For example, images within a Fullwidth Masonry Gallery when clicked. This background color would cover the contents on the rest of the page behind the lightbox, make sense? I feel like this is fairly common in most lightboxes.

    Thanks!

    March 6, 2014 at 5:51 pm #233287
    Rob Smelik

    @techgreyscale I am not sure if this is related but I noticed that the background you are referring to actually shows up in Firefox, Safari and Mobile Safari but is not appearing in Chrome. Not sure if this is a bug but I too am looking for the solution to this… glad I am not the only one experiencing this issue. Anyone who has the fix, it would be greatly appreciated!

    March 6, 2014 at 6:54 pm #233352
    techgrayscale

    Please disregard this comment – it was intended for another post

    • This reply was modified 10 years, 9 months ago by techgrayscale.
    March 6, 2014 at 7:31 pm #233367
    techgrayscale

    Please disregard this comment – it was intended for another post

    • This reply was modified 10 years, 9 months ago by techgrayscale.
    March 7, 2014 at 3:03 am #233474
    techgrayscale

    Yep – same problem as Rob.

    March 7, 2014 at 8:04 pm #233947
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    #top > div.pp_overlay {
    opacity: 0.7 !important;
}

    Cheers! 
    Josue

    March 7, 2014 at 8:18 pm #233954
    techgrayscale

    Awesome, works perfectly now ;)

    Many Thanks!

    March 7, 2014 at 8:32 pm #233955
    Josue

    You are welcome, glad we could help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Add transparent background behind lightbox’ is closed to new replies.