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.

0
Wonderful Users & Counting
0
Support Threads Resolved
0
Hours of Development
0
Cups of Coffee

Contol Colors

Each counter box can have a different color for the text and icon.

0%
90% of Designers Use Macintosh
0%
75% of People Love iPhones

Column Options

Each counter box instance has an option for selecting column width.

0+ Users
Choose From 1-6 Columns For The Counter Boxes

Unit Control

Each counter box instance can have a different unit and unit position

$0
Use Any Symbol Or Custom Text For The Unit
0%
Use Any Symbol Or Custom Text For The Unit
0 lbs
Use Any Symbol Or Custom Text For The Unit

Count Up or Down

Each counter box can have the animation number start up or down

$0
Set The Counter To Count Up
$1000
Set The Counter To Count Down

Font Awesome Icons

Each counter box instance can display a font awesome icon with the content.

0+ Vector Icons
Use Any of The Font Awesome Icons

Border Control

Each counter box instance can display a border around the box.

$0
This Counter Box Displays A Border
$0
This Counter Box Displays No Border

Size Control

Easily control the size of the icon, counter value and body text.

0px
Adjust The Title Font’s Size And Color
0%
Customize The Icon’s Size And Body Text
$0
Control The Border Color

Complete Set of Options

Every option and description included with the counter box shortcode is listed below.

  • columns – Can be one of these values: 1, 2, 3, 4, 5, or 6. Sets the number of columns per row.
  • color – Accepts a hexcode ( #000000 ). Sets the counter’s value and icon color. Leave blank for Theme Option selection.
  • title_size – Accepts a numerical value that sets the font size of the title text in pixels. For example, 50.
  • icon_size – Accepts a numerical value that sets the font size of the icon in pixels
    . For example 50.
  • body_color – Accepts a hexcode ( #000000 ). Sets the body font’s color. Leave blank for Theme Option selection.
  • body_size – Accepts a numerical value that sets the font size of the body text in pixels. For example, 20.
  • border_color – Accepts a hexcode ( #000000 ). Sets the border’s color. Leave blank for Theme Option selection.
  • value – The Counter Value. Accepts a numerical value to set the value to which the counter will animate. For example, 95.
  • unit – Accepts an alphanumeric value or symbols to represent a unit of measurement. For example, % or cm.
  • unit_pos – Can be one of these values: prefix to place before the counter, or suffix to place after the counter.
  • icon – A font awesome icon value
    . For example, fa-glass.
  • direction – Can be one of these values: up, or down

    with other conditions associated with aging. This assumptionand psychological factors in the individual patient must be buy tadalafil.

    . Sets the counter to count up or to count down.

  • class – Add a custom class to the wrapping HTML element for further css customization.
  • id – Add a custom id to the wrapping HTML element for further css customization.

Join The 100,000+ Satisfied Avada Users!

BUY AVADA NOW!