Counters

[box_title font_size=»17″ font_alignment=»center» border=»middle» border_color=»#CDCDCD»]BIG NUMBERS[/box_title]
[counter text=»CREATIVES IDEAS» text_color=»#555555″ text_size=»20″ number=»100″ number_size=»150″ number_color=»#e9a400″ percent=»0″ percent_color=»#000000″ icon_type=»none» icon_theme=»archive» icon_size=»14″ icon_color=»#770a0a» animate=»1″ animation_start_number=»0″ animation_duration=»2000″ animation_step=»10″]
[counter text=»LAOREET DOLOR NEC» text_color=»#555555″ text_size=»20″ number=»20″ number_size=»150″ number_color=»#e9a400″ percent=»1″ percent_color=»#000000″ icon_type=»none» icon_theme=»adjust» icon_size=»14″ icon_color=»#797979″ animate=»1″ animation_start_number=»0″ animation_duration=»2000″ animation_step=»1″]
[counter text=»FOUNDING PARTNERS» text_color=»#555555″ text_size=»20″ number=»12″ number_size=»150″ number_color=»#e9a400″ percent=»0″ percent_color=»#000000″ icon_type=»none» icon_theme=»adjust» icon_size=»14″ icon_color=»#797979″ animate=»1″ animation_start_number=»0″ animation_duration=»2000″ animation_step=»1″]
[box_title font_size=»17″ font_alignment=»center» border=»middle» border_color=»#CDCDCD»]WITH ICONS[/box_title]
[counter text=»CUPS OF COFFEE» text_color=»#555555″ text_size=»20″ number=»100″ number_size=»60″ number_color=»#e9a400″ percent=»0″ percent_color=»#000000″ icon_type=»theme-icon» icon_theme=»coffee» icon_size=»40″ icon_color=»#797979″ animate=»1″ animation_start_number=»0″ animation_duration=»2000″ animation_step=»10″]
[counter text=»HAPPY CUSTOMERS» text_color=»#555555″ text_size=»20″ number=»300″ number_size=»60″ number_color=»#e9a400″ percent=»0″ percent_color=»#000000″ icon_type=»theme-icon» icon_theme=»smile-o» icon_size=»40″ icon_color=»#797979″ animate=»1″ animation_start_number=»0″ animation_duration=»2000″ animation_step=»10″]
[counter text=»BUG FIXED!» text_color=»#555555″ text_size=»20″ number=»86″ number_size=»60″ number_color=»#e9a400″ percent=»0″ percent_color=»#000000″ icon_type=»theme-icon» icon_theme=»code» icon_size=»40″ icon_color=»#797979″ animate=»1″ animation_start_number=»0″ animation_duration=»2000″ animation_step=»1″]
[box_title 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