Early bird50% off every Moduly widget and plan in your first order. One use per customer.See prices
Select Page

Justified Grid (Divi)

A gallery for Divi 5. Each Gallery Group (a child module) holds images from the Media Library and becomes a filter tab. Lay them out in justified rows — every row the same height, filled edge to edge — or as masonry, even tiles or fit rows, with captions, hover effects, Show More and a lightbox. Each example is labelled with its settings; click any image to open the lightbox.

1. Justified rows with filter tabs

Layout: Justified rows at 240 px (160 px on phones) · three Gallery Groups as filter pills with counts · captions from the media library, sliding up on hover · zoom on hover · the lightbox with captions and a counter.

2. Tight rows, black & white to colour

Row height 180 px · 4 px spacing · Never taller than the row height · last row fills the width · Black & white to colour on hover · captions over a soft gradient · no filter menu.

3. Masonry

Layout: Masonry, 3 columns (2 on tablets and phones) · captions below each image · filter menu underlined, “Women” opens first · shuffle when the filter changes · lift on hover.

4. Even tiles with a featured image

Layout: Even, square tiles, 4 columns (2 on phones) · Feature the First Image (spans two columns and rows) · a hover icon over a dark overlay · Spotlight dims the others · crop focus top.

5. Fit rows, segmented filter and Show More

Layout: Fit rows, 4 columns · segmented filter without “All” · 6 images, then a “Show more” button · entrance: fade up · reversed order · captions centred on hover · opens the image file instead of the lightbox.

6. Styled from the Design tab

Images: 14 px radius and a soft shadow, a slow 700 ms zoom · caption bar colour and font · outlined filter buttons with an accent and an active state · a pill Show More button · the lightbox in the brand colours.