Counter

In this article you will find the unique information about Counter shortcode. If you want to learn about some more general issues like using a shortcode etc. See the list bellow or browse the general section.

Examples Of Use:

You can see a beautiful use of Counter on one of our pre-made templates: Apricot, Avocado, Babaco, Banana, Coconut, Papaya, Pineapple, Purple, Vailla, Yew.

Detailed shortcode description

Bellow you will find a table with all of the shortcodes features and fields. On the right you will find a description for each field/section. All of this settings are available in shortcodes popup, it will be displayed once you create a new shortcode or hit the edit (pencil icon) button.

GeneralIconIcon: AnimationsDividerAnimations

Option	Description
Main Preset	Presets are used to easily configure your shortcode. You can choose one of the premade presets or create your own. You can preview the available presets with Preview & Load Preset button. Learn More »
Layout Select	Layout styles let you choose the target layout after you define the shortcode options.
Content Alignment	Choose content alignment.
Icon Alignment	Select icon vertical alignment to the counter.
Title – Typography	Typography field gives you a control over almost all font settings. It also incorporate a Typography Preset functionality. Learn More »
Title	Define title.
Counter – Typography	Typography field gives you a control over almost all font settings. It also incorporate a Typography Preset functionality. Learn More »
Type	Select counter type: Classic: counts from zero to specified value; Random: counts from random number to specified value.
Count To	Define counter value.
Count Duration	Choose counting duration. For large numbers it’s better to specify longer duration for smoother transition.
Start Delay	Choose a delay before the counting.
Use Gruping	Check to enable thousand and decimal separators.
Disable easing	Disable the counting easing (slow down at the end of counting).
Background	Background field contains options needed to create an awesome background inside our shortcodes. You can choose from color (with opacity/alpha channel), radial and linear gradient or custom image. Each background type have some additional options for best outcome control. Learn More »
Border	In simple mode, this field offer a settings for width (for all edges), style, color and radius. Advanced Settings give an additional control for width of each edge (top, bottom, left and right). Learn More »
Padding	It is one of most common field across our shortcodes. The simple mode, contain options for padding size (for all edges) and unit (px, em or %). Advanced Settings give an additional control for width of each edge (top, bottom, left and right). Learn More »
Margin	It is one of most common field across our shortcodes. The simple mode, contain options for margin size (for all edges) and unit (px, em or %). Advanced Settings give an additional control for width of each edge (top, bottom, left and right). Learn More »
Custom Class	Add your custom class to the element. Mostly used for custom CSS/JS.

Option	Description
Icon	Check to disable icon.
Main Preset	Presets are used to easily configure your shortcode. You can choose one of the premade presets or create your own. You can preview the available presets with Preview & Load Preset button. Learn More »
Icon	Icon field from Massive Addons allow you to choose from 8 different icons fonts like: Font Awesome, Elegant Icons, Elegant Line Icons, Elusive Icons, Material Icons, Massive Icons, TypeIcons, Dashicons. What’s more, our Icon Field provide a possibility to use a character or image instead of icon from icons fonts. Learn More »
Background	Background field contains options needed to create an awesome background inside our shortcodes. You can choose from color (with opacity/alpha channel), radial and linear gradient or custom image. Each background type have some additional options for best outcome control. Learn More »
Border	In simple mode, this field offer a settings for width (for all edges), style, color and radius. Advanced Settings give an additional control for width of each edge (top, bottom, left and right). Learn More »
Padding	It is one of most common field across our shortcodes. The simple mode, contain options for padding size (for all edges) and unit (px, em or %). Advanced Settings give an additional control for width of each edge (top, bottom, left and right). Learn More »
Margin	It is one of most common field across our shortcodes. The simple mode, contain options for margin size (for all edges) and unit (px, em or %). Advanced Settings give an additional control for width of each edge (top, bottom, left and right). Learn More »
Custom Class	Add your custom class to the element. Mostly used for custom CSS/JS.

Option	Description
Enter Animation	Enter Animation allow to specify an appear effect for shortcode. Learn More »
Loop Animation	Loop Animation is enabled only for selected shortcodes/elements. This animation will be played in an endless loop. Learn More »

Option	Description
Divider	Check to disable divider.
Main Preset	Presets are used to easily configure your shortcode. You can choose one of the premade presets or create your own. You can preview the available presets with Preview & Load Preset button. Learn More »
Width	Choose divider width. It will take the specified value of its container width.
Alignment	Choose divider alignment.
Content Type	Choose divider content type.
Content Position	Choose horizontal divider content position.
Content – Border	In simple mode, this field offer a settings for width (for all edges), style, color and radius. Advanced Settings give an additional control for width of each edge (top, bottom, left and right). Learn More »
Content – Padding	It is one of most common field across our shortcodes. The simple mode, contain options for padding size (for all edges) and unit (px, em or %). Advanced Settings give an additional control for width of each edge (top, bottom, left and right). Learn More »
Title – Typography	Typography field gives you a control over almost all font settings. It also incorporate a Typography Preset functionality. Learn More »
Text	Define content text.
Icon	Icon field from Massive Addons allow you to choose from 8 different icons fonts like: Font Awesome, Elegant Icons, Elegant Line Icons, Elusive Icons, Material Icons, Massive Icons, TypeIcons, Dashicons. What’s more, our Icon Field provide a possibility to use a character or image instead of icon from icons fonts. Learn More »
Number	Select number of divider lines.
Style	Select lines style. Learn more about line styles here.
Color	Choose lines color.
Gap	Choose vertical gap between lines. Small lines Gap and large lines Weight may lead to lines overlap.
Weight	Choose lines thickness.
Padding	It is one of most common field across our shortcodes. The simple mode, contain options for padding size (for all edges) and unit (px, em or %). Advanced Settings give an additional control for width of each edge (top, bottom, left and right). Learn More »
Margin	It is one of most common field across our shortcodes. The simple mode, contain options for margin size (for all edges) and unit (px, em or %). Advanced Settings give an additional control for width of each edge (top, bottom, left and right). Learn More »
Custom Class	Add your custom class to the element. Mostly used for custom CSS/JS.

Option	Description
Enter Animation	Enter Animation allow to specify an appear effect for shortcode. Learn More »
Loop Animation	Loop Animation is enabled only for selected shortcodes/elements. This animation will be played in an endless loop. Learn More »