How to set up and style the Stat Card widget in Elementor.
Stat Card shows one key number with a label, an up or down change that turns green or red, and a small trend line or bars. The number can count up when the card scrolls into view.
Part of: Bright Addons (free).
| Option | What it does |
|---|---|
| Label | What the number means. |
| Number | The value. |
| Decimal Places | How many decimals to show. |
| Before the Number | For example $. |
| After the Number | For example +. |
| Short Numbers | Shows 48250 as 48.3K and 1200000 as 1.2M. |
| Thousands Separator | Adds separators to long numbers. |
| Count Up on Scroll | Counts up to the number when the card is seen. |
| Icon | An optional icon. |
| Option | What it does |
|---|---|
| Change | Use a minus sign for a drop. Leave empty to hide. |
| Change Unit | Percent, same as the number, or points. |
| Going Up Is | Good (green), bad (red) for costs or bounce rate, or neither (grey). |
| Compared With | For example vs last month. |
| Option | What it does |
|---|---|
| Values | Numbers separated by commas, oldest first. Leave empty to hide the line. |
| Style | Line with fill, line or bars. |
| Position | Under or beside the number. |
Pro adds 77 widgets, 10 extensions, a Theme Builder and 32 dynamic tags, and keeps every free widget. From $16 a year, with a 14-day money-back guarantee.
These sections are in the Style tab.
background, padding, border, radius, shadow, hover shadow and alignment.
label, number and compared with colors and typography.
icon color, background and size, good and bad change colors, trend line color and trend height.
Yes. Set Going Up Is to Bad, and a drop shows in green.
No. The trend is drawn on the server as a small SVG.
Yes. Leave Values empty.
Check the troubleshooting guide, or contact support with the page address and what you expected to happen.
Troubleshooting guide