Stats Sections
A stats section shows a set of figures — a value and a label each, such as “25+ Years in business” — under a shared heading. Values can count up when they scroll into view. All four display styles use the same list of stats, so you can switch between them freely.
When to use it
Section titled “When to use it”- Figures that support a claim: customers served, years of experience, response times, ratings.
- A band of numbers between two other sections.
- One headline figure with a few supporting ones (the Featured display style).
When each item needs a paragraph of explanation or an image, use a Features section instead.
Content
Section titled “Content”The Content tab has the header (Eyebrow Heading, Heading, Body Content), the stats, Buttons and Outro Content. Wrap words in the heading in {curly braces} to highlight them.
Each Statistic has:
| Field | What it is | Notes |
|---|---|---|
| Stat Value | The figure, such as 99%, 500+ or $1.2M | Required. Free text, so any format works. |
| Stat Label | What the figure measures | Required. |
| Additional Description | A line of extra context | Optional. |
| Icon | An Iconify icon name, such as heroicons:chart-bar | Optional. Icon Color picks Primary or Secondary. The field help links to the icon browser. |
| Link Text | Text of a separate link | Leave empty to link the stat label itself when a Link URL is set. |
| Link URL | Where the stat links to | Start typing to search your pages, or paste a URL. |
| Link Target | Same Window or New Window | |
| Link Color | Primary or Secondary | |
| Custom Card Background | A background colour for this one stat | Cards style only. Text and icons adjust for contrast. |
To add many stats at once, select Bulk add from list… and enter one per line as value::label, for example 500+::Projects completed.
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 |
|---|---|
| Full Grid | Stats in a full-width grid below the header content. The default. |
| Inline | Stats inside the content column, beside the section media. |
| Band | Stats together on one continuous surface below the content. |
| Featured | The first stat large, the rest smaller beside it. Reorder the stats to change which one leads. |
Card Style sets how each stat is drawn: Minimal (no background or border, the default), Cards (a background and border), or Bordered (a grid joined by divider lines, Full Grid only). Band has no card style, because the band itself is the surface.
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. | Dark for a new section |
| Section Palette | Replaces the site colours for this section with a saved palette. | Global colours |
| Scroll Animation | Enabled fades elements in on scroll. | Disabled |
| Count Up Numbers | Enabled makes numeric values count up when they scroll into view on the live site. | 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 |
|---|---|---|
| Band Background | Theme Default (the surface colour) or Custom Color, with Band Background Color. Separate from the section background; you can set both. | Band |
| Stat Font Size | Default, M (36px), L (48px) or XL (60px) for the values. Inline defaults to 32px. | All but Featured |
| Layout Variant | Left, Center or Right: where the header content sits relative to the section media. Inline and Featured offer Left and Right only. | All |
| Stats Per Row | 1 to 4. Inline allows up to 3. | All but Featured |
| Row Alignment | Left or Center for a last row that is not full. | All but Featured and Bordered |
| Stat Alignment | Left or Center text inside each stat. | All (default Center) |
| Button Position | After Body or After Outro. | Full Grid |
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).
Global setting
Section titled “Global setting”Whether a stat’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 alignment chosen to suit your stats. 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”- A value does not count up. Only numeric values animate; text such as “Unlimited” is shown as written. Count-up also does not run in the editor, or for visitors who have asked their device to reduce motion.
- A long value overflows its cell. Choose M under Stat Font Size for values like
$1.5Mor10,000+. - Center disappeared from Layout Variant. Inline and Featured have no centre position. Choosing Inline also moves a centred section to Left and reduces 3 or 4 columns to 2.
- The card style changed on its own. Bordered is Full Grid only: Inline changes it to Minimal and Featured to Cards. Band changes any style to Minimal.
- Stat Font Size has no effect in Featured. The lead figure and the others are sized by the layout.