How to remove the top and bottom gradient bars from the Lightbox on mobile phone

  • Resolved relle

    (@relle)


    4 years, 7 months ago

    Hello,

    Thank you for this great plugin

    I’ve selected a white background for the lightbox.

    But on my mobile phone I’m seeing on the top and bottom gradient bars…I think it’s this: linear-gradient(0deg, rgba(0, 0, 0, 0), rgb(255, 255, 255))

    I tried the following CSS to remove it though it’s not working:

    .pgc-rev-lb-b-header pgc-rev-lb-b-show {
    ? ? background-image: none !important;
    }

    Am I missing something?

    Thanks for your help.

    Cheers
    Relle

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author GalleryCreator

    (@gallerycreator)

    Hello,
    everything is much simpler, go to Gallery Block settings-> Lightbox Settings -> change Lightbox Header & Footer color – https://monosnap.com/file/xNInHMV5UJfOJPHJKAcmcEiBa5MK9b

    Thread Starter relle

    (@relle)

    Hey!

    The Lightbox Header & Footer color was set to #ffffff
    I just changed it to transparent and the gradient is now gone

    One more question / request is it possible to create more space between thumbnails?

    I’ve set it to the max 20 though I’ll like to go higher than 20

    Thanks again for this simple (user friendly) and nice looking plugin ??

    Plugin Author GalleryCreator

    (@gallerycreator)

    Unfortunately 20 is the maximum.
    I will try not to forget and add a new limit in the next version

    Thread Starter relle

    (@relle)

    Hello again, it would be great to have some more space between the thumbnails ??

    Could you maybe give me some custom CSS or something to add more (double the) space in the meantime?

    Thanks a lot

    Plugin Author GalleryCreator

    (@gallerycreator)

    Hello,
    What type of gallery (block) are you using?

    Thread Starter relle

    (@relle)

    Hi, thanks for your reply.

    I’m using Masonry and Grid on different pages…

    Cheers!

    Plugin Author GalleryCreator

    (@gallerycreator)

    .pgcsimplygalleryblock-masonry-main-wrap{
    padding: 20px !important;
    }

    .pgcsimplygalleryblock-grid-main-wrap{
    padding: 20px !important;
    }

    Thread Starter relle

    (@relle)

    Great, everything looks perfect now ??
    Thanks so much

    Is it possible to completely remove the header?
    Even if I can make it invisible by changing the color, it would be really nice to make it disappear completely so that the space on top could be used by the image.
    Thank you

    Plugin Author GalleryCreator

    (@gallerycreator)

    This is impossible in this Lightbox.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘How to remove the top and bottom gradient bars from the Lightbox on mobile phone’ is closed to new replies.