SR Stats 01
This module renders a heading and optional description above a row of three stat blocks, each showing a big number with prefix and suffix text, a short caption, and an optional icon or image.
Pick it over the other stats modules when you need per-stat control not just of column width but also of column order, offset, and breakpoint, and when large numbers should render with comma formatting. It expects three roughly equal-weight numeric stats and works as a full-width or contained row depending on the theme container width setting.
Use cases
- Three-stat counter row
- Company growth numbers
- Product usage metrics
- Funding or revenue highlights
- User or customer count callout
- Key performance indicators strip
Where it fits
- Included with: PRO
- Page sections: Stats, Proof, Features
Editable fields
Content tab
| Field | Type | Notes |
|---|---|---|
| Background Video | File | Repeats: min 0, default 1. Add multiple file formats in order to provide compatibility with a broad range of browsers. |
| Background Video Tablet | File | Repeats: min 0, default 1. This background video will only be used on tablet devices. |
| Background Video Mobile | File | Repeats: min 0, default 1. This background video will only be used on mobile devices. |
| Enabled | Boolean | |
| ID | Text | Assign a ID to the module. |
| Class | Text | Assign a CLASS to the module. |
| Description | Rich text | |
| Lead Text | Boolean | Turn on to make the Description text larger. |
| Animate Stats | Boolean | |
| Animation Speed | Number | Time to animate in seconds. |
| hidden_name | Text |
Heading Repeats: min 0, default 0.
| Field | Type | Notes |
|---|---|---|
| Heading | Text | |
| Size | Choice | HTML heading size. Options: H1, H2, H3, H4, H5, H6, P. |
| Display Size | Choice | Size that heading is displayed at. 12 options, including Auto, H1, H2. |
| Color | Choice | 15 options, including Auto, Primary, Secondary. |
| Color | Color | |
| Align | Choice | Options: Auto, Left, Center, Right. |
| CSS Class | Text |
Stats Repeats: min 1, default 3.
| Field | Type | Notes |
|---|---|---|
| Image Type | Choice | Options: None, Image, Icon. |
| Image | Image | |
| Icon | Icon | |
| Icon Size | Number | |
| Icon Color | Color | |
| Prefix | Text | |
| Suffix | Text | |
| Description | Text | |
| Lead Text | Boolean | Turn on to make the Description text larger. |
| Format Number | Boolean | Format the number with commas. |
| Custom Column Size | Boolean | |
| Purpose | Choice | The purpose of the icon, used for accessibility. If set to decorative, an additional attribute of aria-hidden="true" will be added to the icon. Options: Decorative, Semantic. |
Stats › Stat Repeats: min 1, max 1, default 1.
| Field | Type | Notes |
|---|---|---|
| Heading | Number | |
| Size | Choice | HTML heading size. Options: H1, H2, H3, H4, H5, H6, P. |
| Display Size | Choice | Size that heading is displayed at. 12 options, including Auto, H1, H2. |
| Color | Choice | 15 options, including Auto, Primary, Secondary. |
| Color | Color | |
| Align | Choice | Options: Auto, Left, Center, Right. |
| CSS Class | Text |
Stats › Column Size Repeats: min 1, max 4, default 1.
| Field | Type | Notes |
|---|---|---|
| Column Breakpoint | Choice | Options: None, Mobile, Tablet, Desktop, XL. |
| Column Width | Choice | 12 options, including 1, 2, 3. |
| Column Offset | Choice | 13 options, including 0, 1, 2. |
| Column Order | Number |
Style tab
Change log
| Version | Change |
|---|---|
| 3.0.0 | Stardust update |
| 2.2.1 | Column breakpoint fix |
| 2.2.0 | Accessibility improvements |
| 2.1.0 | Added responsive background options |
| 2.0.2 | Added column sizes option |
| 2.0.1 | Added image option |
SR Showcase 01
This module renders a heading, an optional description, and a grid of up to 9 project cards, each showing a background image and a button that opens a modal popup.
SR Stats 02
Renders an optional heading and description above a row of up to three stat blocks, each pairing a number with a prefix, suffix, and short caption pulled from the repeater.