Specify image size in Essential Grid lightbox

Hi,

When I click on images in essential grid to display them in lightbox, the images are stretched to fill the screen - which, if using a large display, makes the images enlarge above their original size.

I would like to restrict the max width of the images when opened in lightbox.

Can you tell me if this is possible please.

Thanks.

Hi @defthaus,

Thanks for reaching out.

It should be only limited to its original size, perhaps it has custom CSS or plugin CSS that override it. Would you mind providing a sample URL that has this grid? Couldn’t find it from the sites in your account.

Thanks!

Hi @Rad

The website is hidden at present so I have provided an admin login for you to the site - secure note in original post.

The images are basically being stretched to 100% screen height and the width stretches accordingly but I want to restrict all images to a max 2500px in width.

The essential grid can be found on the following pages ‘wedding’ ‘landscape’ ’ commercial’ and ‘sport.’

Thanks.

Hello @defthaus,

Thank you for the clarifications. Regretfully this is the default behaviour of the lightbox. The image will be stretched to cover the lightbox area. There is no setting in the grid to reduce the maximum width to at least 2500 pixels instead of 100%. Changing the maximum width by way of custom css such as like this:

.esgbox-slide .esgbox-image-wrap img{
    max-width: 1200px;
    height: auto;
}

could lead to a further layout issues. Please keep in mind that custom coding beyond the scope of our support. Issues that might arise from the use of custom code and further enhancements should be directed to a third party developer.

Thank you for your understanding.

Thanks.

I noticed that using some CSS code like that created other layout issues.

I’ll stick with the default behaviour, thanks for taking a look.

No problem.
If you need anything else we can help you with, don’t hesitate to open another thread.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.