AllDesignWidgetsGallery Widget

Gallery Widget

Build image grids or carousels with captions.

Use the Gallery widget to showcase collections of images as a grid or carousel.

1

Open the widget picker

In the page editor, open Widgets.

2

Drag Gallery

In Media, drag Gallery (gallery icon) onto the page.

3

Add images

Click Add Image or use the + button in the toolbar.

Tabs include:

  • Layout: set Layout Type (Grid or Carousel), choose Carousel Mode (Snap or Continuous), adjust Images per Row / Slides per View, and set Gap Between Images. For carousel layouts, configure Show Arrows, Auto-play, Auto-play Delay, or continuous controls like Direction, Pause on Hover, Speed, and Image Width.
  • Style: set Caption Background Color, Caption Text Color, and Show Caption on Hover Only. Adjust Border Radius, then optionally style tiles with Tile Background, Tile Padding, Tile Height, Image Size in Tile, Uniform Tile Height (Grid), Shadow Space (Top/Bottom), and tile shadows.

Toolbar actions

  • Gallery Settings
  • Add Image
  • Alignment
  • Animation
  • Position
  • Copy
  • Delete

Live behavior notes

  • Gallery images now keep responsive live variants more consistently in both grid and carousel layouts, including images picked from your media library.
  • Grid layouts apply tile background, padding, uniform height, and contained image sizing inside the tile frame, so editor styling matches the published page more closely.
  • Captions stay attached to the image tile and keep their configured background, text color, and border radius.
Updated May 14, 2026

Was this helpful?