List Widget
Build icon lists with layouts, descriptions, and styling.
Use the List widget to present features, steps, or benefits with icons and descriptions.
Add a List widget
1
Open the widget picker
In the page editor, open Widgets.
2
Drag List
In Content, drag List (list icon) onto the page.
3
Open List Settings
Click the widget and choose List Settings.
List Settings
The dialog has two tabs: Layout and Style.
Layout tab
- Layout: Single Column, Two Columns, Three Columns, Four Columns, Five Columns, Six Columns
- Show Descriptions
- Icon Position: Inline with Heading, Inline with Item, Stacked
- Stacked Alignment (when stacked)
- Gap Between Items
- Icon Size
- Circle Background with Padding and Circle Color
Style tab
- Item Background Color
- Text Color
- Icon Color
- Border, Border Radius, and Shadow
Editing list items
- Click item text to edit inline.
- Drag items to reorder.
- Use the toolbar add button to create more items.
Toolbar actions
- List Settings
- Alignment
- Animation
- Position
- Copy
- Delete
For breakpoint and spacing checks, review Responsive Design.
Related Help Docs
Updated Feb 27, 2026
Was this helpful?