Counter Box Shortcode

Avada includes multiple animated counter shortcodes, including the counter box shortcode. These are great for displaying varying types of data and content to your viewers. The counter boxes include several options for easy customization and is a great way to visually attract the viewer and display content.

[fusion_counters_box columns=”1″ class=”” id=””][fusion_counter_box value=”100″ unit=”%” unit_pos=”suffix” icon=”” border=”yes” color=”” direction=”up”]Text here[/fusion_counter_box][/fusion_counters_box]

The [fusion_popover title=”Unleash The Power of Avada” title_bg_color=”” content=”Create beautiful, eye catching layouts with all the various elements Avada provides, like this nice little popover.” content_bg_color=”” bordercolor=”” textcolor=”” trigger=”hover” placement=”top” class=”” id=””]Counter Box[/fusion_popover] Shortcode Is Highly Customizable

Customization options for circle size, filled and unfilled color, scales, speed, counting direction and more!

[fusion_counters_box columns=”4″ class=”” id=””][fusion_counter_box value=”80000″ unit=”” unit_pos=”suffix” icon=”” border=”yes” color=”” direction=”up”]Wonderful Users & Counting[/fusion_counter_box][fusion_counter_box value=”25000″ unit=”” unit_pos=”suffix” icon=”” border=”yes” color=”” direction=”up”]Support Threads Resolved[/fusion_counter_box][fusion_counter_box value=”8000″ unit=”” unit_pos=”suffix” icon=”” border=”yes” color=”” direction=”up”]Hours of Development[/fusion_counter_box][fusion_counter_box value=”11000″ unit=”” unit_pos=”suffix” icon=”” border=”yes” color=”” direction=”up”]Cups of Coffee[/fusion_counter_box][/fusion_counters_box]

Control Colors

Each counter box can have a different color for the text and icon.
[fusion_counters_box columns=”2″ class=”” id=””][fusion_counter_box value=”90″ unit=”%” unit_pos=”suffix” icon=”fa-laptop” border=”yes” color=”#73b9dc” direction=”up”]90% of Designers Use Macintosh[/fusion_counter_box][fusion_counter_box value=”75″ unit=”%” unit_pos=”suffix” icon=”fa-mobile” border=”yes” color=”#cb9536″ direction=”up”]75% of People Love iPhones[/fusion_counter_box][/fusion_counters_box]

Column Options

Each counter box instance has an option for selecting column width.
[fusion_counters_box columns=”1″ class=”” id=””][fusion_counter_box value=”80000″ unit=”+ Users” unit_pos=”suffix” icon=”” border=”yes” color=”#a7a9ac” direction=”up”]Choose From 1-4 Columns For The Counter Boxes[/fusion_counter_box][/fusion_counters_box]

Unit Control

Each counter box instance can have a different unit and unit position
[fusion_counters_box columns=”3″ class=”” id=””][fusion_counter_box value=”50″ unit=”$” unit_pos=”prefix” icon=”” border=”yes” color=”” direction=”up”]Use Any Symbol Or Custom Text For The Unit[/fusion_counter_box][fusion_counter_box value=”75″ unit=”%” unit_pos=”suffix” icon=”” border=”yes” color=”#73b9dc” direction=”up”]Use Any Symbol Or Custom Text For The Unit[/fusion_counter_box][fusion_counter_box value=”15″ unit=” lbs” unit_pos=”suffix” icon=”” border=”yes” color=”#cb9536″ direction=”up”]Use Any Symbol Or Custom Text For The Unit[/fusion_counter_box][/fusion_counters_box]

Count Up or Down

Each counter box can have the animation number start up or down
[fusion_counters_box columns=”2″ class=”” id=””][fusion_counter_box value=”1000″ unit=”$” unit_pos=”prefix” icon=”” border=”yes” color=”” direction=”up”]Set The Counter To Count Up[/fusion_counter_box][fusion_counter_box value=”1000″ unit=”$” unit_pos=”prefix” icon=”” border=”yes” color=”” direction=”down”]Set The Counter To Count Down[/fusion_counter_box][/fusion_counters_box]

Font Awesome Icons

Each counter box instance can display a font awesome icon with the content.
[fusion_counters_box columns=”1″ class=”” id=””][fusion_counter_box value=”400″ unit=”+ Vector Icons” unit_pos=”suffix” icon=”fa-flag” border=”yes” color=”#73b9dc” direction=”up”]Use Any of The Font Awesome Icons[/fusion_counter_box][/fusion_counters_box]

Border Control

Each counter box instance can display a border around the box.
[fusion_counters_box columns=”2″ class=”” id=””][fusion_counter_box value=”100″ unit=”$” unit_pos=”prefix” icon=”” border=”yes” color=”” direction=”up”]This Counter Box Displays A Border.[/fusion_counter_box][fusion_counter_box value=”100″ unit=”$” unit_pos=”prefix” icon=”” border=”no” color=”” direction=”up”]This Counter Box Displays No Border.[/fusion_counter_box][/fusion_counters_box]

Join The 70,000+ Satisfied Avada Users!

I’M SOLD, BUY AVADA NOW!