Modules
Statistics row
Two to six key numbers with prefix, suffix and label. Numbers count up when the row scrolls into view.
On this page
Set up the content
- Content → Statistics: Enter the Number as digits only, then Prefix (+, €) and Suffix (%, K, M).
- Set Decimals for values like 2.3.
- Add a short Description under each label – one line about what the number means.
Choose the look
| Setting | Options |
|---|---|
| Columns (desktop) | 2, 3, 4 or Fit all in one row |
| Style | Plain, Divided (hairlines), Cards, Glass cards |
| Number style | Gradient (number color into the accent color) or Solid color |
| Accent line above each number | On or off |
| Thousands separator | 1,000 / 1 000 / 1.000 / 1000. Countries differ, so pick the grouping your visitors expect, or none |
| Decimal mark | Follows the thousands separator (a comma when thousands use a period), or a period or comma of your own choice, for example 1 000,5 in Norway |
| Count up on scroll | On or off |
| Number color | The whole figure in the accent color, like its prefix and suffix |
| Hover → Lift cards | Cards rise a few pixels with a soft shadow under the pointer |
| Content → Text under the statistics | A small footnote under the row, for example the source of the numbers |
Good to know
- A new statistics row starts as glass cards on a dark gradient panel with a honeycomb pattern and a soft glow. Change the look under Styles → Layout and Styles → Background.
- Glass cards are made for dark or image backgrounds. On a light background they turn into a faint brand tint.
- Count-up only runs when animations are on for the module – see Animations.
- The real number is in the page from the start, so search engines and screen readers always read the final value.
- Background, module width, spacing and alignment work the same in every module – see Backgrounds and Module width and inset panels.
More in this category
Keep reading
Support
Did this answer your question?
If not, write to us and say which page you were on.
