The FooGallery Masonry gallery is a popular grid layout that uses optimal space to place images in the gallery, without the need to crop the images. No matter what orientation your pictures, the masonry gallery template fits them into a stunning gallery to give you this tiled effect.
In the above demo, the gallery makes use of a dark theme and thin border. You can also see the captions below the thumbnails – this is the default setting for the masonry gallery.
Customize Your Masonry Gallery
There are endless ways to customize your WordPress masonry gallery to make it look perfect for your brand or company website. You can select the number of columns or leave the gallery to choose the best number for you, given the set width, the number of photos and the space required.
Below are the different settings you can customize:
- Thumb width
- Masonry layout (fixed, 2 – 5 columns)
- Gutter width
- Theme (dark, light or custom)
- Border Size (none, thin, medium, thick)
- Rounded Corners (none, small, medium, large, full)
- Drop Shadow (none, outline, small, medium, large)
- Inner Shadow (none, small, medium, large)
- Loading Icon (6 options, or none)
- Loaded Effect (fade-in or none)
- Hover Effect – Theme (dark or light)
- Hover Effect – Color Effect (none, colorize, greyscale)
- Hover Effect – Scaling Effect (none, scaled, zoomed)
- Hover Effect – Caption Visibility (none, on hover, always visible, or below thumbnail)
- Hover Effect – Transition (instant, fade, slide, push)
- Hover Effect – Icon (7 options or none)
Below is a different example of a masonry gallery. In this demo, the captions have been set to show on hover (instead of below the thumbs), and we’ve used a light hover effect with this. We’ve used no borders, but have added a small drop shadow to help the pictures stand out.
This gallery also makes use of the Load More pagination. To see more images in the gallery, you can simply click on the load more button.
The masonry template is included in FooGallery Free, which includes the captions Below Thumbnail feature.