Counter

Attributes	Description
Title	Title placed under number
Counter | Icon	Select an icon from the list of available icons
Counter | Icon color	Use color name, hex or rgba, e.g.: grey, #626262 or rgba(98, 98, 98, 1)
Counter | Image	Select image from Media Library instead of using an icon
Counter | Prefix	This is text e.g. % or $ - before the number
Counter | Number	Number for Counter item
Counter | Postfix	This is text e.g. % or $ - after the number
Options | Style	Select Vertical or Horizontal style
Advanced | Animation	Choose entrance animation on scroll or leave not animated
Custom | CSS classes	Type your own class for the item - this is a useful option for those who want to create a special style. For example: you can type my-class-big-font class and then go to BeTheme options > Custom CSS & JS > Custom CSS and write your own styles for this class: .my-class-big-font { font-size:150% !important; font-weight:bold; }

Default code:

[counter icon="icon-lamp" color="" image="" prefix="" number="44" label="%" title="" type="vertical" animate=""]

Attributes	Description
title	Title placed under number
icon	Select an icon from the list of available icons
color	Use color name, hex or rgba, e.g.: grey, #626262 or rgba(98, 98, 98, 1)
image	Image URL instead of an icon (use link with http://)
prefix	This is text e.g. % or $ - before the number
number	Number for Counter item
label	This is text e.g. % or $ - after the number
type	Select style vertical or horizontal
animate	Entrance animation - available values: fadeIn, fadeInUp, fadeInDown, fadeInLeft, fadeInRight, fadeInUpLarge, fadeInDownLarge, fadeInLeftLarge, fadeInRightLarge, zoomIn, zoomInUp, zoomInDown, zoomInLeft, zoomInRight, zoomInUpLarge, zoomInDownLarge, zoomInLeftLarge, bounceIn, bounceInUp, bounceInDown, bounceInLeft, bounceInRight

Example of this shortcode below:

[counter title="Tincidunt mauris" icon=" icon-t-shirt-line" color="" image="" prefix="" number="1452" label="" type="vertical" animate=""]

[counter title="Malesuada fames" icon="" color="" image="IMAGE_URL" prefix="" number="744" label="" type="vertical" animate=""]

[counter title="Vestibulum commodo" icon="icon-attach-line" color="" image="" prefix="" number="367" label="" type="horizontal" animate=""]