A custom class to the masonry : titles-below-image
/*** depends on the maximum number of lines in the title across all screen widths. ***/
#top .av-masonry.titles-below-image a.av-masonry-entry {
margin-bottom: 70px !important;
}
#top .av-masonry.titles-below-image .av-inner-masonry {
overflow: visible;
}
#top .av-masonry.titles-below-image .av-inner-masonry-content {
position: relative !important;
top: 100%;
}
Click to enlarge the image!
As Orientation – choose the square option
as Source File you do not need to take a square one. If you are unsure – take the unscaled source
Horizontal Gallery
with click on active image opens lightbox