Counter Boxes

Avada Counter Boxes Element Showcase

The Avada Counter Boxes Element displays animated numerical counters paired with icons and descriptive text, making it ideal for showcasing statistics, achievements, or milestones in a visually engaging way. Each counter can count up to a set value when it comes into view, and you can customize the icon, font, colors, and layout to match your site’s design.

Below, you will find live examples of the Counter Boxes Element in action. Examples can include the individual option values set for that display; however, in some instances, not all Element variations can be shown as they may be too numerous. For further information related to this Avada Design Element, please check the Avada help center.

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