Features Sections
A features section presents a set of items — services, benefits, events or menu entries — as cards, text rows or a swipeable carousel, under a shared heading. Every display style reads the same list of cards, so you can switch between them without re-entering content.
When to use it
Section titled “When to use it”- Services, benefits or capabilities, each with a short description, an icon or image, and an optional link.
- Upcoming events with a date, time and location (Events display mode).
- A menu, price list, schedule or spec sheet (the Listing display style).
For a sequence of steps, use Steps. For short “what’s included” lines without cards, use a Checklist section. To list blog posts or other records automatically, use a Post Grid section.
Content
Section titled “Content”The Content tab has the header (Eyebrow Heading, Heading, Body Content), the cards, Buttons and Outro Content. Wrap words in the heading in {curly braces} to highlight them.
Each Feature Card has:
| Field | What it is | Notes |
|---|---|---|
| Card Heading | The item’s title | Required. |
| Card Description | Supporting text | Rich text. |
| Card Media | Image or Icon for the card | With an icon, Icon Color picks Primary or Secondary. |
| Card Link | Where the card links to | Start typing to search your pages, or paste a URL. |
| Link Text | Text of a separate link, such as “Learn more” | Leave empty to link the card heading and image instead. |
| Link Target | Same Window or New Window | |
| Link Color | Primary or Secondary | |
| Custom Card Background | A background colour for this one card | Cards style only. Text and links adjust for contrast. |
| Trailing Value | A short value on the right of the row, such as a price | Listing only. |
| Group | A subheading placed above this row | Listing only. A subheading appears wherever the value changes from the row above, so the row order sets the groups. |
In Events display mode each card is an Event with Event Name, Event Date, Event Time, Event Location, Event Description, Event Media and Registration/Details Link. Date and time are free text.
To add many cards at once, select Bulk add from list… and enter one per line, using :: to separate the heading from the description.
Layouts and display styles
Section titled “Layouts and display styles”Choose Display Style on the Layout tab, under Card Appearance.
| Display Style | What it looks like |
|---|---|
| Grid | Cards in a responsive grid below the header. The default. |
| Inline | Cards beside the header content, in one or two columns. |
| Showcase | Cards on both sides of a central image, video or shortcode. Up to 6 cards; the central media is required. |
| Offset | Copy and cards in one column beside a large image that runs off the right edge. Up to 4 cards; a featured image is required. |
| Carousel | Cards on a horizontal rail with arrows and dots. Best for 4 or more cards. |
| Listing | Text rows instead of cards: name and description on the left, an optional value on the right. |
Display Mode switches the cards between Features and Events. It is not offered with Showcase, Offset, or the Bordered and Hero card styles.
Card Style sets how each card is drawn. Grid offers all four; Inline, Offset and Carousel offer Cards and Minimal. Showcase and Listing have no card style.
| Card Style | What it looks like |
|---|---|
| Cards | A background and border around each card. |
| Minimal | No background or border. |
| Bordered | A grid joined by divider lines. |
| Hero | Full-image cards with the text over the image. |
Options
Section titled “Options”All on the Layout tab. Controls that do not apply to the chosen display style or card 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. Inline has no Center. | All but Showcase and Offset |
| Cards Per Row | 1 to 4 (2 to 4 for Bordered; 1 or 2 for Inline). Called Rows Per Row in Listing, with 1 or 2 columns. | All but Showcase and Offset |
| Row Alignment | Left or Center for a last row that is not full. | All but Showcase, Offset and Bordered |
| Button Position | After Body or After Outro. Offset adds Beside Heading. | Grid and Offset |
| Card Alignment | Left or Center text inside each card. | Grid, Inline and Carousel with Cards or Minimal, in Features mode |
| Card Image Aspect Ratio | Wide (16:9), Standard (4:3), Square or Thumbnail (a small image beside the text, with Thumbnail Size). | Cards and Minimal |
| Card Image Position | Top or Bottom of the card. | Cards and Minimal, not Thumbnail |
| Disable Card Image Styling | Styled or Raw card images. | Minimal |
| Card Aspect Ratio | Wide, Standard, Square or Portrait (4:5). | Hero card style |
| Layout Width | Compact or Full Width. | Showcase |
| Row Size | Standard or Large row text. | Listing |
Carousel
Section titled “Carousel”| Option | What it does | Default |
|---|---|---|
| Slides Per View | Auto (size-driven), or 1 per view to 4 per view. 1 per view shows one card at a time. | Auto |
| Peek Next Card | Shows a sliver of the next card. Not offered with Auto. | On |
| Arrows / Dots | Show or Hide each control. Swipe and keyboard still work. | Show |
| Loop | Wraps round at the ends. | Off |
| Autoplay | Advances on its own, with Autoplay Interval of 3–8 seconds and a pause button. Pauses on hover and focus; never runs when the visitor has asked for reduced motion. | Off |
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 each card’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, card style, columns and image options chosen to suit your content. 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 cards. Showcase takes 6 and Offset takes 4. Switch display style to use more.
- Showcase or Offset shows a warning. Showcase needs central media and Offset needs a featured image. Add one under Section Media.
- Events mode is missing. It is hidden for Showcase, Offset, Bordered and Hero. Choosing Offset switches an events section back to Features.
- The Hero or Bordered card style disappeared. They are Grid only. Switching to Inline or Offset changes the style to Minimal; Carousel changes Bordered to Cards.
- Button Position reset. Beside Heading exists only in Offset; other styles move the buttons back to After Outro.
- Trailing Value and Group are gone. They are shown and used only in Listing. They are kept when you switch away.