Checklist Sections
A checklist section lists short items, each with a check mark or an icon of your choice, under a shared heading. Items can carry a description and a link, and can be sorted under group headings such as “What’s included” and “What you need to bring”.
When to use it
Section titled “When to use it”- What a service, package or membership includes.
- Requirements or eligibility: documents to bring, conditions to meet.
- A short list that ends in a call to action (with CTA Banner on).
When each item needs an image or a longer description, use a Features section. For plans with prices, use a Pricing section.
Content
Section titled “Content”The Content tab has the header (Eyebrow Heading, Heading, Body Content), the groups, the items, Buttons and Outro Content. Wrap words in the heading in {curly braces} to highlight them.
Each Item has:
| Field | What it is | Notes |
|---|---|---|
| Item Heading | The item’s text | Required. |
| Item Description | A line of detail under the heading | Optional. Rich text. |
| Group | The group the item belongs to | Shown once at least one group exists. — Ungrouped — leaves it outside any group. |
| Custom Icon (Optional) | An Iconify icon name, such as heroicons:check-solid | Replaces the default check mark for this item. The field help links to the icon browser. |
| Link Text | Text of a separate link | Leave empty to link the item heading itself when a Link URL is set. |
| Link URL | Where the item links to | |
| Link Target | Same Tab or New Tab | |
| Link Color | Primary or Secondary |
To add many items at once, select Bulk add from list… and enter one per line, using :: to separate the heading from the description. New items start ungrouped.
Groups
Section titled “Groups”Groups are optional. With none, the section is a single flat list.
- Under Groups on the Content tab, select Add Group and fill in its Group Heading, for example “What’s included”.
- Add the other groups you need. Their order under Groups is their order on the page.
- In each item, choose its Group. The item moves into that group in the list.
Ungrouped items are listed first, without a heading. When groups exist, List Columns and Cards Per Row place whole groups side by side rather than splitting items across columns.
Layouts and display styles
Section titled “Layouts and display styles”Choose Display Style on the Layout tab, under Layout Structure.
| Display Style | What it looks like |
|---|---|
| List | A vertical checklist, in one or two columns. The default. |
| Cards | Each item as a card in a grid. |
| Offset | The checklist beside a large image that runs off the right edge. Up to 6 items; a featured image is required. |
Options
Section titled “Options”All on the Layout tab. Controls that do not apply to the chosen display style are hidden.
Section theme
Section titled “Section theme”| Option | What it does | Default |
|---|---|---|
| Heading Size | Default, L or XL. | Default |
| Theme Variant | Light or Dark. See Theme Variants. | Light |
| Section Palette | Replaces the site colours for this section with a saved palette. | Global colours |
| Scroll Animation | Enabled fades elements in on scroll. | Disabled |
| Background Type | Solid Color (with Background Color: Theme Default or Custom Color) or Image (with Size, Behavior, Repeat and Overlay). | Solid Color |
Layout structure
Section titled “Layout structure”| Option | What it does | Applies to |
|---|---|---|
| Layout Variant | Left, Center or Right: where the header content sits relative to the section media. | List and Cards |
| Item Size | Standard or Large text and icons. | All |
| CTA Banner | On wraps the heading, items and buttons in one card, with Banner Background (Theme Default or Custom Color) and Banner Background Color. Text, check marks, links and buttons recolour for the card. | List and Cards |
| List Columns | 1 or 2 columns on desktop; one column on phones. | List |
| Cards Per Row | 2 or 3. | Cards |
| Card Alignment | Left or Center text inside each card. | Cards |
| Row Alignment | Left or Center for a last row that is not full. | Cards |
| Button Position | After Body or After Outro. Offset adds Beside Heading. | All |
Section media
Section titled “Section media”Media Type (None, Image, Video or Shortcode) adds media beside or below the header, with Image Styling (Styled or Raw). Offset accepts an image only.
Global setting
Section titled “Global setting”Whether an item’s link shows as a text link or a small button is set site-wide: Global Settings > Borders > Card CTA Style. See Global Settings.
Select the remix icon at the top of the settings panel (tooltip Remix layout - Try a random variant combination) to try another combination of display style, columns and sizing chosen to suit your items. Your content stays as it is. Undo with Ctrl+Z (Cmd+Z on a Mac).
Limits and common problems
Section titled “Limits and common problems”- Cannot add more items. Offset takes 6. Switch to List or Cards for more.
- Offset shows a warning. It needs a featured image. Add one under Section Media.
- Layout Variant and CTA Banner are missing. Neither applies to Offset; your settings are kept for the other styles.
- An item appears in the wrong group. Change the item’s Group; the item moves with it. The order of groups is set under Groups, not by moving items.
- Group headings and item headings. Group headings sit one level below the section heading, and item headings one level below them. In a section with an H2 heading, groups are H3 and items H4.