Counters

[vc_row][vc_column width=”1/1″][box_title font_size=”17″ font_alignment=”center” border=”middle” border_color=”#CDCDCD”]BIG NUMBERS[/box_title][vc_row_inner][vc_column_inner width=”1/4″][counter text=”DAYS” text_color=”#363636″ text_size=”16″ number=”200″ number_size=”52″ number_color=”#363636″ percent=”0″ percent_color=”#6d6c6c” icon_type=”none” icon_size=”55″ icon_color=”#000000″ animate=”1″ animation_start_number=”0″ animation_duration=”1000″ animation_step=”10″][/vc_column_inner][vc_column_inner width=”1/4″][counter text=”HOURS” text_color=”#363636″ text_size=”16″ number=”12″ number_size=”52″ number_color=”#363636″ percent=”0″ percent_color=”#6d6c6c” icon_type=”none” icon_size=”55″ icon_color=”#000000″ animate=”1″ animation_start_number=”0″ animation_duration=”1000″ animation_step=”1″][/vc_column_inner][vc_column_inner width=”1/4″][counter text=”MINUTES” text_color=”#363636″ text_size=”16″ number=”58″ number_size=”52″ number_color=”#363636″ percent=”0″ percent_color=”#6d6c6c” icon_type=”none” icon_size=”55″ icon_color=”#000000″ animate=”1″ animation_start_number=”1″ animation_step=”1″ animation_duration=”1000″][/vc_column_inner][vc_column_inner width=”1/4″][counter text=”SECONDS” text_color=”#363636″ text_size=”16″ number=”20″ number_size=”52″ number_color=”#363636″ percent=”0″ percent_color=”#6d6c6c” icon_type=”none” icon_size=”55″ icon_color=”#000000″ animate=”1″ animation_start_number=”1″ animation_duration=”1000″ animation_step=”1″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][space height=”80″][box_title font_size=”17″ font_alignment=”center” border=”middle” border_color=”#CDCDCD”]WITH ICONS[/box_title][vc_row_inner][vc_column_inner width=”1/4″][counter text=”DAYS” text_color=”#363636″ text_size=”16″ number=”200″ number_size=”52″ number_color=”#363636″ percent=”0″ percent_color=”#6d6c6c” icon_type=”theme-icon” icon_theme=”retinaicon-font:retina-food-048″ icon_size=”55″ icon_color=”#000000″ animate=”1″ animation_start_number=”1″ animation_duration=”1000″ animation_step=”1″][/vc_column_inner][vc_column_inner width=”1/4″][counter text=”HOURS” text_color=”#363636″ text_size=”16″ number=”12″ number_size=”52″ number_color=”#363636″ percent=”1″ percent_color=”#6d6c6c” icon_type=”theme-icon” icon_theme=”retinaicon-font:retina-finance-ecommerce-028″ icon_size=”55″ icon_color=”#000000″ animate=”1″ animation_start_number=”1″ animation_duration=”1000″ animation_step=”1″][/vc_column_inner][vc_column_inner width=”1/4″][counter text=”MINUTES” text_color=”#363636″ text_size=”16″ number=”58″ number_size=”52″ number_color=”#363636″ percent=”0″ percent_color=”#6d6c6c” icon_type=”theme-icon” icon_theme=”retinaicon-font:retina-communication-017″ icon_size=”55″ icon_color=”#000000″ animate=”1″ animation_start_number=”1″ animation_duration=”1000″ animation_step=”1″][/vc_column_inner][vc_column_inner width=”1/4″][counter text=”SECONDS” text_color=”#363636″ text_size=”16″ number=”20″ number_size=”52″ number_color=”#363636″ percent=”0″ percent_color=”#6d6c6c” icon_type=”theme-icon” icon_theme=”retinaicon-font:retina-cloths-fashion-023″ icon_size=”55″ icon_color=”#000000″ animate=”1″ animation_start_number=”1″ animation_duration=”1000″ animation_step=”1″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][box_title font_size=”15″ font_alignment=”center” border=”middle” border_color=”#CDCDCD”]SHORTCODE ATTRIBUTES[/box_title][vc_row_inner][vc_column_inner width=”1/2″][vc_column_text]

  • 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

[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/2″][vc_column_text]

  • 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

[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]