Hi support team,
anticipate enfold is a really impressive theme. However, I have a question. I have pictures in galleries available in portrait and landscape format. (ratio: 2:3 or 3:2) Between the images is partially above and below unwanted space. But I don’t really know why.
Now the settings are:
Gallery Style: Small thumbnails
Gallery Preview Image Size: No Scaling
Gallery Columns: 2
…
Is there a way to fix the problem?
Thanks for solving it.
Best regards
Frank
Hi Frank,
Can you post the link to your website please?
Regards,
Josue
Hi Frank,
Your website is right-click disabled. Can you enable it so we can inspect the elements?
Regards,
Yigit
Hi Yigit,
which data you need?
All elements are:
– jpg (no transparent frame)
– 1920 x 1280 px, respectively 1280 x 1920 px
– < 400 kb
– 96 dpi
– srgb
Regards,
Frank
Hi Frank,
We need to see CSS codes on your website in order to find you a solution :)
Regards,
Yigit
Oh,
it’s done now. Right click will be possible.
Thanks for helping.
Regards,
Frank
Hey,
You can add this on your custom.css or Quick CSS to remove the padding and the border:
#top div .avia-gallery img {
padding: 0;
border: none;
}
Regards,
Ismael
The borders are away but the the space because of the different ratio of the images is still there!
Regards,
Frank
Tbh there’s no easy way to remove the spaces. The Enfold gallery does not support a masonry layout at the moment (eg like demonstrated here: http://www.nextgen-gallery.com/nextgen-pro/#promasonry ) and if the images have different aspect ratios you’ll see white spaces because the grid is not flexible. We’ll consider to add this gallery layout to Enfold in the future but (for now) I’d suggest to crop the thumbnails (then all thumbnails have the same size & aspect ratio) or to use the nextgen Gallery plugin with the pro extension: http://www.nextgen-gallery.com/nextgen-pro/ which supports the masonry layout too.
Oh, but thank you for the answer!