Gallery
The Gallery module displays a responsive image grid, with each image supporting an optional link and tablet/mobile srcset sources. The number of columns and grid gap are configurable separately per breakpoint. Use it to present a collection of images such as a portfolio, product shots or a photo grid.
Gallery image
The Gallery image group is repeatable (minimum 1, unlimited maximum, 6 items by default). Each entry has a Gallery image upload, a SRC set group (Tablet image and Mobile image for smaller screens) and an optional Link (External, Content or Blog) that wraps the image in an anchor.
Logos per row
The Logos per row group sets the column count via its Mobile display (default 2), Tablet display (default 3) and Desktop display (default 3) sliders, each ranging from 1 to 6.
Grid gap
The Grid gap group sets the spacing between images via its Mobile display, Tablet display and Desktop display sliders (0–180px, step 4, default 16px).
Vertical alignment
The Vertical alignment group sets vertical positioning through its Mobile display, Tablet display and Desktop display selects, each offering Top, Center, Bottom, Space around, Space between or Stretch (default Top).
Horizontal alignment
The Horizontal alignment group sets horizontal positioning through its Mobile display, Tablet display and Desktop display selects, each offering Left, Center, Right, Space around, Space between or Stretch (default Left).
Text alignment
The Text alignment group sets text alignment through its Mobile display, Tablet display and Desktop display selects, each offering Left, Center or Right (default Left).
Animation settings
The Animation settings group controls the scroll-into-view animation. Animation type offers None (default), Fade in, Fade up, Fade down, Fade left, Fade right, Zoom in, Zoom out, Slide up, Slide down, Slide left or Slide right; when it is not None, Duration (0.1–3s, step 0.1, default 0.6s), Easing (Smooth (power1.out), Default (power2.out), Snappy (power3.out), Very snappy (expo.out), Sine (sine.out), Overshoot (back.out), Springy (elastic.out), Bouncy (bounce.out) or Linear (none); default Default (power2.out)), Delay (0–5s, step 0.05, default 0s) and, for slide and directional-fade types, Travel distance (0–200px, step 5, default 30px) appear.
Mobile order
The Mobile order slider (-5 to 5, in steps of 1) shifts this module earlier or later than its siblings on mobile; lower numbers appear first.
Add border radius to images
The Add border radius to images toggle (default on) rounds the corners of the gallery images; turn it off for square corners.