Skip to main content

Counters Shortcodes

You can show the counters in different layout styles with Ultimate Addons Counter shortcodes.

[vc_separator color=”custom” gap=”tall” gradient=”yes”]

Default

[stat_counter icon_size=”32″ counter_title=”Happy Clients” counter_value=”19000″ counter_suffix=”+” speed=”3″ font_size_title=”20″ font_size_counter=”50″]
[stat_counter icon_size=”32″ counter_title=”Years in Business” counter_value=”15″ speed=”3″ font_size_title=”20″ font_size_counter=”50″]
[stat_counter icon_size=”32″ counter_title=”Cups of Coffee” counter_value=”352″ speed=”3″ font_size_title=”20″ font_size_counter=”50″]
[stat_counter icon_size=”32″ counter_title=”High Score” counter_value=”178″ speed=”3″ font_size_title=”20″ font_size_counter=”50″]
[vc_separator color=”custom” gap=”tall” gradient=”yes”]

Sizes

[stat_counter icon_size=”32″ counter_title=”Happy Clients” counter_value=”19000″ counter_suffix=”+” speed=”3″ font_size_title=”15″ font_size_counter=”35″]
[stat_counter icon_size=”32″ counter_title=”Years in Business” counter_value=”15″ speed=”3″ font_size_title=”15″ font_size_counter=”35″]
[stat_counter icon_size=”32″ counter_title=”Cups of Coffee” counter_value=”352″ speed=”3″ font_size_title=”15″ font_size_counter=”35″]
[stat_counter icon_size=”32″ counter_title=”High Score” counter_value=”178″ speed=”3″ font_size_title=”15″ font_size_counter=”35″]
[stat_counter icon_size=”32″ counter_title=”Happy Clients” counter_value=”19000″ counter_suffix=”+” speed=”3″ font_size_title=”20″ font_size_counter=”50″]
[stat_counter icon_size=”32″ counter_title=”Years in Business” counter_value=”15″ speed=”3″ font_size_title=”20″ font_size_counter=”50″]
[stat_counter icon_size=”32″ counter_title=”Cups of Coffee” counter_value=”352″ speed=”3″ font_size_title=”20″ font_size_counter=”50″]
[stat_counter icon_size=”32″ counter_title=”High Score” counter_value=”178″ speed=”3″ font_size_title=”20″ font_size_counter=”50″]
[stat_counter icon_size=”32″ counter_title=”Happy Clients” counter_value=”19000″ counter_suffix=”+” speed=”3″ font_size_title=”25″ font_size_counter=”60″]
[stat_counter icon_size=”32″ counter_title=”Years in Business” counter_value=”15″ speed=”3″ font_size_title=”25″ font_size_counter=”60″]
[stat_counter icon_size=”32″ counter_title=”Cups of Coffee” counter_value=”352″ speed=”3″ font_size_title=”25″ font_size_counter=”60″]
[stat_counter icon_size=”32″ counter_title=”High Score” counter_value=”178″ speed=”3″ font_size_title=”25″ font_size_counter=”60″]
[vc_separator color=”custom” gap=”tall” gradient=”yes”]

Colors

[stat_counter icon_size=”32″ counter_title=”Happy Clients” counter_value=”19000″ counter_suffix=”+” speed=”3″ el_class=”counter-primary” font_size_title=”20″ font_size_counter=”50″]
[stat_counter icon_size=”32″ counter_title=”Years in Business” counter_value=”15″ speed=”3″ el_class=”counter-secondary” font_size_title=”20″ font_size_counter=”50″]
[stat_counter icon_size=”32″ counter_title=”Cups of Coffee” counter_value=”352″ speed=”3″ el_class=”counter-tertiary” font_size_title=”20″ font_size_counter=”50″]
[stat_counter icon_size=”32″ counter_title=”High Score” counter_value=”178″ speed=”3″ el_class=”counter-quaternary” font_size_title=”20″ font_size_counter=”50″]
[vc_empty_space height=”50px”]
[stat_counter icon_size=”32″ counter_title=”Happy Clients” counter_value=”19000″ counter_suffix=”+” speed=”3″ counter_color_txt=”#2e353e” font_size_title=”20″ font_size_counter=”50″ suf_pref_font_color=”#2e353e”]
[stat_counter icon_size=”32″ counter_title=”Years in Business” counter_value=”15″ speed=”3″ counter_color_txt=”#2e353e” font_size_title=”20″ font_size_counter=”50″]
[stat_counter icon_size=”32″ counter_title=”Cups of Coffee” counter_value=”352″ speed=”3″ counter_color_txt=”#2e353e” font_size_title=”20″ font_size_counter=”50″]
[stat_counter icon_size=”32″ counter_title=”High Score” counter_value=”178″ speed=”3″ counter_color_txt=”#2e353e” font_size_title=”20″ font_size_counter=”50″]
[vc_empty_space height=”20px”]
[vc_empty_space height=”30px”]
[vc_empty_space height=”50px”]
[stat_counter icon_size=”32″ counter_title=”Happy Clients” counter_value=”19000″ counter_suffix=”+” speed=”3″ counter_color_txt=”#ffffff” font_size_title=”20″ font_size_counter=”50″ suf_pref_font_color=”#ffffff”]
[stat_counter icon_size=”32″ counter_title=”Years in Business” counter_value=”15″ speed=”3″ counter_color_txt=”#ffffff” font_size_title=”20″ font_size_counter=”50″]
[stat_counter icon_size=”32″ counter_title=”Cups of Coffee” counter_value=”352″ speed=”3″ counter_color_txt=”#ffffff” font_size_title=”20″ font_size_counter=”50″]
[stat_counter icon_size=”32″ counter_title=”High Score” counter_value=”178″ speed=”3″ counter_color_txt=”#ffffff” font_size_title=”20″ font_size_counter=”50″]
[vc_empty_space height=”20px”]
[vc_empty_space height=”30px”]

Parallax

[vc_empty_space height=”50px”]
[stat_counter icon=”Defaults-user” icon_size=”35″ icon_color=”#ffffff” counter_title=”Happy Clients” counter_value=”19000″ counter_suffix=”+” speed=”3″ counter_color_txt=”#ffffff” font_size_title=”20″ font_size_counter=”50″ suf_pref_font_color=”#ffffff”]
[stat_counter icon=”Defaults-star” icon_size=”35″ icon_color=”#ffffff” counter_title=”Years in Business” counter_value=”15″ speed=”3″ counter_color_txt=”#ffffff” font_size_title=”20″ font_size_counter=”50″]
[stat_counter icon=”Defaults-coffee” icon_size=”35″ icon_color=”#ffffff” counter_title=”Cups of Coffee” counter_value=”352″ speed=”3″ counter_color_txt=”#ffffff” font_size_title=”20″ font_size_counter=”50″]
[stat_counter icon=”Defaults-bar-chart” icon_size=”35″ icon_color=”#ffffff” counter_title=”High Score” counter_value=”178″ speed=”3″ counter_color_txt=”#ffffff” font_size_title=”20″ font_size_counter=”50″]
[vc_empty_space height=”20px”]
[vc_empty_space height=”30px”]

With Icons

[stat_counter icon=”Defaults-user” icon_size=”35″ icon_color=”#0088cc” counter_title=”Happy Clients” counter_value=”19000″ counter_suffix=”+” speed=”3″ el_class=”counter-primary” font_size_title=”20″ font_size_counter=”50″]
[just_icon icon=”Defaults-star” icon_size=”35″ icon_color=”#0088cc” el_class=”m-b-xs”]
Years in Business
[stat_counter icon_size=”32″ counter_value=”15″ speed=”3″ el_class=”counter-primary” font_size_title=”18″ font_size_counter=”50″]
[stat_counter icon_size=”32″ counter_title=”Cups of Coffee” counter_value=”352″ speed=”3″ el_class=”m-b-xs counter-primary” font_size_title=”20″ font_size_counter=”50″][just_icon icon=”Defaults-coffee” icon_size=”35″ icon_color=”#0088cc”]
[stat_counter icon=”Defaults-bar-chart” icon_size=”35″ icon_color=”#0088cc” icon_position=”left” counter_value=”178″ speed=”3″ el_class=”m-b-xs counter-single-line counter-primary” font_size_title=”20″ font_size_counter=”50″]
High Score
[vc_separator color=”custom” gap=”tall” gradient=”yes”]

Animations

[porto_animation animation_type=”bounceIn”][stat_counter icon_size=”32″ counter_title=”Happy Clients” counter_value=”19000″ counter_suffix=”+” speed=”3″ el_class=”counter-primary” font_size_title=”20″ font_size_counter=”50″][/porto_animation]
[porto_animation animation_type=”bounceIn”][stat_counter icon_size=”32″ counter_title=”Years in Business” counter_value=”15″ speed=”3″ el_class=”counter-primary” font_size_title=”20″ font_size_counter=”50″][/porto_animation]
[porto_animation animation_type=”bounceIn”][stat_counter icon_size=”32″ counter_title=”Cups of Coffee” counter_value=”352″ speed=”3″ el_class=”counter-primary” font_size_title=”20″ font_size_counter=”50″][/porto_animation]
[porto_animation animation_type=”bounceIn”][stat_counter icon_size=”32″ counter_title=”High Score” counter_value=”178″ speed=”3″ el_class=”counter-primary” font_size_title=”20″ font_size_counter=”50″][/porto_animation]
[vc_separator color=”custom” gap=”tall” gradient=”yes”]

With Borders

[stat_counter icon_size=”32″ counter_title=”Happy Clients” counter_value=”19000″ counter_suffix=”+” speed=”3″ el_class=”counter-with-border counter-primary” font_size_title=”20″ font_size_counter=”50″]
[stat_counter icon_size=”32″ counter_title=”Years in Business” counter_value=”15″ speed=”3″ el_class=”counter-with-border counter-primary” font_size_title=”20″ font_size_counter=”50″]
[stat_counter icon_size=”32″ counter_title=”Cups of Coffee” counter_value=”352″ speed=”3″ el_class=”counter-with-border counter-primary” font_size_title=”20″ font_size_counter=”50″]
[stat_counter icon_size=”32″ counter_title=”High Score” counter_value=”178″ speed=”3″ el_class=”counter-with-border counter-primary” font_size_title=”20″ font_size_counter=”50″]
[vc_separator color=”custom” gap=”tall” gradient=”yes”]

Special Content

[stat_counter icon_size=”32″ counter_title=”Decimals” counter_value=”70.13″ speed=”3″ el_class=”counter-primary” font_size_title=”20″ font_size_counter=”50″]
[stat_counter icon_size=”32″ counter_title=”Currency” counter_value=”15″ counter_prefix=”$” speed=”3″ el_class=”counter-primary” font_size_title=”20″ font_size_counter=”50″]
[stat_counter icon_size=”32″ counter_title=”Percentual” counter_value=”78″ counter_suffix=”%” speed=”3″ el_class=”counter-primary” font_size_title=”20″ font_size_counter=”50″]
[stat_counter icon_size=”32″ counter_title=”Append Symbol” counter_value=”5000″ counter_suffix=”+” speed=”3″ el_class=”counter-primary” font_size_title=”20″ font_size_counter=”50″]
[vc_separator color=”custom” gap=”tall” gradient=”yes”]

Options

[stat_counter icon=”Defaults-user” icon_size=”32″ icon_color=”#0088cc” counter_title=”Speed” counter_value=”1000″ speed=”1″ el_class=”counter-primary” font_size_title=”20″ font_size_counter=”50″]
[stat_counter icon=”Defaults-star” icon_size=”32″ icon_color=”#0088cc” icon_animation=”fadeInUp” counter_title=”Icon Animation” counter_value=”1000″ speed=”1″ el_class=”counter-primary” font_size_title=”20″ font_size_counter=”50″]

Inline

[stat_counter icon_size=”32″ counter_value=”19000″ counter_prefix=”Porto has more than ” counter_suffix=” happy customers.” speed=”3″ el_class=”counter-inline” font_size_title=”18″ font_size_counter=”14″][stat_counter icon_size=”32″ counter_value=”19000″ counter_prefix=”Porto has more than ” counter_suffix=” happy customers.” speed=”3″ el_class=”counter-inline counter-alternative” font_size_title=”18″ font_size_counter=”14″ desc_font_size=”22″ desc_font_color=”#0088cc”]