-
Posts
-
Good Evening,
I have used the masonry gallery element on the home page of our client’s website. I would like the gallery to have three rows.
1st row – 3 images
2nd row – 2 images
3rd row – 3 imagesHow do I go about doing this? We have designed the website in illustrator and I saved the images from illustrator so the dimensions are the same and should display like my design.
I have added an image on the home page below the gallery of what the gallery is meant to look like for your reference.
Please can you advise?
Kind regards,
CamillaHey engage24,
Thanks for the link to your site, I saw your draft homepage with the masonry gallery you are using Perfect Automatic Masonry where very wide images get twice the width and very high images get twice the height, this is the correct setting to achieve your mockup, I added another square image and moved the other images around to achieve the 3-2-3 layout. I also placed the masonry gallery in a full width column with 9% padding on the right and left to match your mockup.
Please check the draft home page and adjust the images to suit.Best regards,
MikeHi Mike,
Thank you so much – I was getting a bit frustrated. It worked perfectly!
Kind regards,
CamillaHi,
You are welcome, Camilla! We are happy that Mike could help :)
For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)
Enjoy the rest of your day!
Best regards,
Yigit
- The topic ‘Masonry Gallery – Different amounts of images in each column’ is closed to new replies.