Counters

[box_title subtitle_font_size=”15″ font_size=”17″ font_alignment=”center” border=”bottom” border_color=”#CDCDCD” animation_delay=”0″]BIG NUMBERS[/box_title]
[counter text=”CREATIVES IDEAS” number=”100″ number_size=”150″ number_color=”#f7c104″ percent_color=”#000000″ animation_start_number=”0″ animation_duration=”2000″ animation_step=”10″ animate=”1″ text_color=”#ffffff” text_size=”20″ percent=”0″ icon_type=”none” icon_theme=”adjust” icon_size=”14″ icon_color=”#797979″]
[counter text=”LAOREET DOLOR NEC” number=”20″ number_size=”150″ number_color=”#f7c104″ percent_color=”#000000″ animation_start_number=”0″ animation_duration=”1500″ animation_step=”1″ percent=”1″ animate=”1″ text_color=”#ffffff” text_size=”20″ icon_type=”none” icon_theme=”adjust” icon_size=”14″ icon_color=”#797979″]
[counter text=”FOUNDING PARTNERS” number=”12″ number_size=”150″ number_color=”#f7c104″ percent_color=”#000000″ animation_start_number=”0″ animation_duration=”2000″ animation_step=”1″ animate=”1″ text_color=”#ffffff” text_size=”20″ percent=”0″ icon_type=”none” icon_theme=”adjust” icon_size=”14″ icon_color=”#797979″]
[box_title subtitle_font_size=”15″ font_size=”17″ font_alignment=”center” border=”bottom” border_color=”#CDCDCD” animation_delay=”0″]WITH ICONS[/box_title]
[counter text=”CUPS OF COFFEE” number=”100″ number_size=”60″ number_color=”#f7c104″ percent_color=”#000000″ animation_start_number=”0″ animation_duration=”2000″ animation_step=”10″ animate=”1″ text_color=”#ffffff” text_size=”20″ icon_type=”theme-icon” icon_theme=”coffee” icon_size=”40″ icon_color=”#ffffff” percent=”0″]
[counter text=”HAPPY CUSTOMERS” number=”300″ number_size=”60″ number_color=”#f7c104″ percent_color=”#000000″ animation_start_number=”0″ animation_duration=”2000″ animation_step=”10″ animate=”1″ text_color=”#ffffff” text_size=”20″ icon_type=”theme-icon” icon_theme=”smile-o” icon_size=”40″ icon_color=”#ffffff” percent=”0″]
[counter text=”BUG FIXED!” number=”86″ number_size=”60″ number_color=”#f7c104″ percent_color=”#000000″ animation_start_number=”0″ animation_duration=”2000″ animation_step=”10″ animate=”1″ text_color=”#ffffff” text_size=”20″ icon_type=”theme-icon” icon_theme=”code” icon_size=”40″ icon_color=”#ffffff” percent=”0″]
[box_title subtitle_font_size=”15″ font_size=”15″ font_alignment=”center” border=”middle” border_color=”#CDCDCD”]SHORTCODE ATTRIBUTES[/box_title]
  • text: text under the number
  • text color: color of the text under the number
  • text size: size of the text under the number
  • number: number value
  • number size: font size of the number
  • number color: color font of the number
  • icon type: wether to insert icon, image or nothing
  • icon url: image url, if you want to use use a customimage
  • icon size: size of the icon, if you want to use a predifined icon
  • icon color: color of the icon, if you want to use a predifined icon
  • percent: whether to show the percent icon
  • percent color: color font of the percent icon
  • animate numbers: whether to animate the counter