Stories

Add a centered heading, description, and a row of story circles with image or video content.

Add the section

1. Choose Add section > Media > Stories.
2. Edit the Heading and Text blocks.
3. Open the Stories block and configure its six starting Story items with your media.
4. Adjust circle size (100px by default on desktop and mobile), rings, alignment, labels, and viewer options in the Stories block. Remove or add Story items as needed.

The section uses the existing reusable Stories block. Empty items can appear as placeholders while editing; add media to make them usable customer stories. Preview populated stories on desktop and mobile before saving.

Section settings

The section controls Width, Gap, Background color, and unified or independent Padding. Width starts at Page, the gap at 16px, and top/bottom padding at 48px. Gap and padding follow the theme’s responsive spacing. Heading, description, and story content remain centered in a vertical section layout; each block retains its own typography and content controls.

Existing Stories layouts

Stories is now a dedicated entry in Add section. Previously added Stories layouts inside Custom section retain their saved content and settings. You do not need to replace them. The reusable Stories block remains available in compatible sections and Containers.