Docs

[citrusstudios]

Hi, how do we change the size of our Lightbox using Envira Gallery? We set up a gallery page, but when we click on some images on that page that has different size, the sizes are not consistent to the original, it’s not full size. How can we fix this?

thanks

[Christopher]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[citrusstudios]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for providing the login details and the url of your site. The lightbox is displaying the original size. The width of the image however were resized on purpose by the lightbox so that there will be spaces left around the image and also a space for the thumbnails. This is how the lightbox work out. Any changes you would want for the lightbox could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

Thanks for understanding. Take care!

[citrusstudios]

So this have to be customized so that the lightbox popup can be original size? There is no default option to have it original full size popup for the lightbox?

thanks

[Christian]

Yes, there is no option available out of the box for that.

Thanks.

[citrusstudios]

Lightbox Gallery Demo

Hi I found this demo. In the Demo, they were able to switch the lightbox height? How can we do this for Envira Gallery?

Thanks

[Rad]

Hi there,

Your images are bigger than the screen and only scaled down a bit to contain it, while that demo page’s images have just 600×400. Hence, it will remain at 600×400. Scaling down only applies to big images, smaller images will not scale up to fill the screen.

Try resizing your images.

Thanks!

[citrusstudios]

Thanks.so there is no way to keep the images full size then? If it’s larger than 600×400 for instance?

thanks

[Rad]

Hi there,

There is, but that means it can be larger than the screen. And that means it’s not going to be responsive.

Please add this CSS to your Custom CSS section.

.envirabox-image {
    max-width: none !important;
    max-height: none  !important;
}
.envirabox-image, .envirabox-iframe {
    width: auto  !important;
    height: auto  !important;
}

That should remove the width restriction.

Hope this helps.

[Author]

Posts