Hi,
I have used a Masonry grid on our homepage ( link below). However, the all blocks are quite misaligned which is gives it a distorted look. I was wondering if there is a way to align these as I am getting negative feedback from website visitor about this.
Looking forward to your response.
Hey Kamakshi,
Thank you for using Enfold.
In order to prevent this from happening, upload images with the same size as much as possible. You can also set the masonry element’s Size Settings to “Perfect Grid” and then play around with the “Orientation” settings. Set a minimum height to the excerpt container.
.av-inner-masonry-content.site-background {
min-height: 198px;
}
Best regards,
Ismael
Hi,
I tried doing as above, however by setting a perfect grid and min-height all images ended up disappearing! Please help.
Hi,
That’s odd. The option should align the grid perfectly. Please provide the login details in the private field so that we could check it.
Best regards,
Ismael
Hi,
Thanks for getting back. Login details below:
Hi,
You have selected the first option which will render the image with it’s own height.
I tried to test it with other optiosn but your site is not loading for me.
Please check out the other options and let us know when the site is back up again.
Best regards,
Vinay