Main image
The large sliding image: its shape, how photos fit inside it, how it moves between images, and its frame.
Dimensions & Fit
Natural (uncropped), Square (1:1), Standard (4:3), Portrait (3:4) or Widescreen (16:9). The box keeps this shape at any width; the gallery fills the column's width. Natural lets the box follow the shape of the image currently shown.
Contain shows the whole image (the background shows around it). Cover (fill area, may crop) fills the box and may crop.
Transition
How the main image changes when a thumbnail, an arrow, a swipe or a variation selects another image.
| Transition | Effect |
|---|---|
| None (instant) | Default. Switches immediately. |
| Slide | Slides sideways. |
| Fade | Fades out, then the next fades in. |
| Crossfade | Both fade at the same time. |
| Slide + Fade | Slides while fading out and in. |
| Slide + Crossfade | Slides while blending. |
Transition speed (ms): 350 by default (100–1000). Visitors who prefer reduced motion get no animation.
Background · Border & Spacing
| Setting | Default |
|---|---|
| Background color | #f6f7fb, visible around and behind Contain images |
| Border width (px) · Border color | 0 (0–10) · #e2e4e9 |
| Corner radius (px) | 12 (0–60) |
| Spacing below image (px) | 12 (0–60): the gap between the image, the thumbnail strip and an arrow row above or below |
Zoom (Lightbox) Trigger
A round icon in the bottom-right corner hinting that the image opens in the lightbox. Shown on hover or keyboard focus, and only while the Lightbox is enabled.
Magnifier, Expand or Fullscreen.
This icon only hints at the lightbox. Hover and tap magnifying is set on the Zoom tab.