Banner timeline

The Banner Timeline section lets you tell your brand story or product journey through a visually engaging sequence. Each timeline point can highlight a milestone, collection launch, or seasonal campaign—paired with images, text, and smooth animations. As customers scroll, they experience your narrative unfold naturally, creating emotional connection and reinforcing brand authenticity. Perfect for lifestyle or fashion stores, this section turns storytelling into an elegant, interactive design element.

Section settings

General settings

Setting
Description

Section width

3 options for container

  • Stretch width: span the section width regardless of screen size.

  • Fix width: depends on your page content width in Theme settings -> Layout.

  • Expand full width: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.

Color scheme

Select colors from Theme settings -> Colors

Subheading

The sub-title of the section

Heading

The title of the section

Description

The description of the section

Heading size

Font size text customization:

  • Small

  • Medium

  • Large

Content alignment

The position of the heading and description.

  • Left

  • Center

  • Right

Show text effect

Toggle to enable animated or styled text effects for headings.

Color text effect

Choose the color for the applied text effect.

Image

Add an optional image to complement the text display.

Content settings

Setting
Description

Show background image

Enable or disable the background image display.

Image

Upload or select the background image to be shown. Settings are displayed when Show wallpaper is enabled

Image

Setting
Description

Image

Add one or more images (e.g., Image 1, Image 2, Image 3)

Section padding

  • Top padding: Customize the top margin of the section

  • Bottom padding: Customize the bottom margin of the section

Last updated