Counter Boxes

Avada Counter Boxes Element Examples

Avada’s Counter Boxes Element allows you to display animated numerical counters paired with icons and descriptive text, making it ideal for highlighting achievements or metrics in a visually compelling way. Each box animates into view, and you have fine control over layout (columns, sizing), typography, icon placement, color, and when the counter starts counting.

Suspendisse iaculis a risus

Phasellus ipsum semper

Cras rutrum faucibus efficitur

This Avada Counter Boxes Element is set up as follows: Three Counter Boxes child items, Number of Columns (3), Counter Box Value Font Color, Counter Box Value Font Size (60px), Counter Box Icon Size (35px), Counter Box Icon Top (No), Counter Box Body Font Color, Counter Box Body Body Font Size (15px), and Offset of Animation.

Suspendisse iaculis a risus

Phasellus ipsum semper

0hrs

Cras rutrum faucibus efficitur

Nullam id neque eleifend

This Avada Counter Boxes Element is set up as follows: Four Counter Boxes child items, Number of Columns (4), Counter Box Value Font Color, Counter Box Value Font Size (60px), Counter Box Icon Size (50px), Counter Box Icon Top (Yes), Counter Box Body Font Color, Counter Box Body Body Font Size (15px), and Offset of Animation.

0hrs

This example is set up differently using an Avada Nested Columns Element with four (1/4) Columns. A single instance of the Avada Counter Boxes Element has been added to each Avada Nested Column to allow for more styling flexibility using Column features like Border Radius (10px) and Background Color. Each Avada Counter Boxes Element is set up as follows: One Counter Boxes child item, Number of Columns (1), Counter Box Value Font Color, Counter Box Value Font Size (40px), Counter Box Icon Size (40px), Counter Box Icon Top (Yes), Counter Box Body Font Color, Counter Box Body Body Font Size (15px), and Offset of Animation.

This example is set up differently using an Avada Nested Columns Element with four (1/4) Columns. A single instance of the Avada Counter Boxes Element has been added to each Avada Nested Column to allow for more styling flexibility using Column features like Border Radius (150px) and Background Gradient. Each Avada Counter Boxes Element is set up as follows: One Counter Boxes child item, Number of Columns (1), Counter Box Value Font Color, Counter Box Value Font Size (37px), Counter Box Icon Size (33px), Counter Box Icon Top (Yes), Counter Box Body Font Color, Counter Box Body Body Font Size (15px), and Offset of Animation.

Performance

5-Star Reviews

Professionally Designed Avada Websites

Examples can include the individual option values set for that particular instance; however, in some cases, not all Element variations can be shown as they may be too numerous. Where a live example cannot be shown, an image representation will be used as a substitute. For more detailed information, please refer to the related Element documentation and videos.