Counter Box

Menu [fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”0px” paddingbottom=”40px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” class=”” id=””][two_third last=”no” class=”” id=””][title size=”1″ content_align=”left” style_type=”” sep_color=”” class=”” id=””]Counter Box Shortcode[/title][fusion_text]Avada includes multiple animated counter shortcodes, including the counter box shortcode. These are great for displaying varying types of data and content to your viewers. The counter boxes include several options for easy customization and is a great way to visually attract the viewer and display content.[/fusion_text][/two_third][one_third last=”yes” class=”” id=””][separator style_type=”none” top_margin=”15″ bottom_margin=”” sep_color=”” icon=”” width=”” class=”” id=””][counters_box columns=”1″ class=”” id=””][counter_box value=”100″ unit=”%” unit_pos=”suffix” icon=”” border=”yes” color=”” direction=”up”]Text here[/counter_box][/counters_box][/one_third][/fullwidth][separator style_type=”single” top_margin=”0″ bottom_margin=”” sep_color=”#cdcdcd” icon=”fa-chevron-down” width=”” class=”” id=””][fullwidth backgroundcolor=”#f8f8f8″ backgroundimage=”http://theme-fusion.com/avada/wp-content/uploads/2014/03/bg6b_bw.jpg” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” bordersize=”1px” bordercolor=”#eaeaea” borderstyle=”solid” paddingtop=”30px” paddingbottom=”50px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” class=”” id=””][fusion_text]

The [popover title=”Unleash The Power of Avada” title_bg_color=”” content=”Create beautiful, eye catching layouts with all the various elements Avada provides, like this nice little popover.” content_bg_color=”” bordercolor=”” textcolor=”” trigger=”hover” placement=”top” class=”” id=””]Counter Box[/popover] Shortcode Is Highly Customizable

Customization options for circle size, filled and unfilled color, scales, speed, counting direction and more!

[/fusion_text][separator style_type=”single” top_margin=”15″ bottom_margin=”45″ sep_color=”rgba(000,000,000,.1)” icon=”” width=”850px” class=”” id=””][counters_box columns=”4″ class=”” id=””][counter_box value=”80000″ unit=”” unit_pos=”suffix” icon=”” border=”yes” color=”” direction=”up”]Wonderful Users & Counting[/counter_box][counter_box value=”25000″ unit=”” unit_pos=”suffix” icon=”” border=”yes” color=”” direction=”up”]Support Threads Resolved[/counter_box][counter_box value=”8000″ unit=”” unit_pos=”suffix” icon=”” border=”yes” color=”” direction=”up”]Hours of Development[/counter_box][counter_box value=”11000″ unit=”” unit_pos=”suffix” icon=”” border=”yes” color=”” direction=”up”]Cups of Coffee[/counter_box][/counters_box][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” bordersize=”0px” bordercolor=”#eaeaea” borderstyle=”solid” paddingtop=”65px” paddingbottom=”40px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” class=”” id=””][one_third last=”no” class=”” id=””][tagline_box backgroundcolor=”” shadow=”no” shadowopacity=”0.1″ border=”1px” bordercolor=”” highlightposition=”top” content_alignment=”left” link=”” linktarget=”_self” modal=”” button_size=”small” button_shape=”square” button_type=”flat” buttoncolor=”” button=”” title=”Control Colors” description=”Each counter box can have a different color for the text and icon.” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””][/tagline_box][separator style_type=”none” top_margin=”-30″ bottom_margin=”-30″ sep_color=”” icon=”” width=”” class=”” id=””][/one_third][two_third last=”yes” class=”” id=””][separator style_type=”none” top_margin=”10″ bottom_margin=”” sep_color=”” icon=”” width=”” class=”” id=””][counters_box columns=”2″ class=”” id=””][counter_box value=”90″ unit=”%” unit_pos=”suffix” icon=”fa-laptop” border=”yes” color=”#73b9dc” direction=”up”]90% of Designers Use Macintosh[/counter_box][counter_box value=”75″ unit=”%” unit_pos=”suffix” icon=”fa-mobile” border=”yes” color=”#cb9536″ direction=”up”]75% of People Love iPhones[/counter_box][/counters_box][/two_third][one_third last=”no” class=”” id=””][tagline_box backgroundcolor=”” shadow=”no” shadowopacity=”0.1″ border=”1px” bordercolor=”” highlightposition=”top” content_alignment=”left” link=”” linktarget=”_self” modal=”” button_size=”small” button_shape=”square” button_type=”flat” buttoncolor=”” button=”” title=”Column Options” description=”Each counter box instance has an option for selecting column width.” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””][/tagline_box][separator style_type=”none” top_margin=”-30″ bottom_margin=”-30″ sep_color=”” icon=”” width=”” class=”” id=””][/one_third][two_third last=”yes” class=”” id=””][separator style_type=”none” top_margin=”10″ bottom_margin=”” sep_color=”” icon=”” width=”” class=”” id=””][counters_box columns=”1″ class=”” id=””][counter_box value=”80000″ unit=”+ Users” unit_pos=”suffix” icon=”” border=”yes” color=”#a7a9ac” direction=”up”]Choose From 1-4 Columns For The Counter Boxes[/counter_box][/counters_box][/two_third][one_third last=”no” class=”” id=””][tagline_box backgroundcolor=”” shadow=”no” shadowopacity=”0.1″ border=”1px” bordercolor=”” highlightposition=”top” content_alignment=”left” link=”” linktarget=”_self” modal=”” button_size=”small” button_shape=”square” button_type=”flat” buttoncolor=”” button=”” title=”Unit Control” description=”Each counter box instance can have a different unit and unit position” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””][/tagline_box][separator style_type=”none” top_margin=”-30″ bottom_margin=”-30″ sep_color=”” icon=”” width=”” class=”” id=””][/one_third][two_third last=”yes” class=”” id=””][counters_box columns=”3″ class=”” id=””][counter_box value=”50″ unit=”$” unit_pos=”prefix” icon=”” border=”yes” color=”” direction=”up”]Use Any Symbol Or Custom Text For The Unit[/counter_box][counter_box value=”75″ unit=”%” unit_pos=”suffix” icon=”” border=”yes” color=”#73b9dc” direction=”up”]Use Any Symbol Or Custom Text For The Unit[/counter_box][counter_box value=”15″ unit=” lbs” unit_pos=”suffix” icon=”” border=”yes” color=”#cb9536″ direction=”up”]Use Any Symbol Or Custom Text For The Unit[/counter_box][/counters_box][/two_third][one_third last=”no” class=”” id=””][tagline_box backgroundcolor=”” shadow=”no” shadowopacity=”0.1″ border=”1px” bordercolor=”” highlightposition=”top” content_alignment=”left” link=”” linktarget=”_self” modal=”” button_size=”small” button_shape=”square” button_type=”flat” buttoncolor=”” button=”” title=”Count Up or Down” description=”Each counter box can have the animation number start up or down” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””][/tagline_box][separator style_type=”none” top_margin=”-30″ bottom_margin=”-30″ sep_color=”” icon=”” width=”” class=”” id=””][/one_third][two_third last=”yes” class=”” id=””][separator style_type=”none” top_margin=”10″ bottom_margin=”” sep_color=”” icon=”” width=”” class=”” id=””][counters_box columns=”2″ class=”” id=””][counter_box value=”1000″ unit=”$” unit_pos=”prefix” icon=”” border=”yes” color=”” direction=”up”]Set The Counter To Count Up[/counter_box][counter_box value=”1000″ unit=”$” unit_pos=”prefix” icon=”” border=”yes” color=”” direction=”down”]Set The Counter To Count Down[/counter_box][/counters_box][/two_third][one_third last=”no” class=”” id=””][tagline_box backgroundcolor=”” shadow=”no” shadowopacity=”0.1″ border=”1px” bordercolor=”” highlightposition=”top” content_alignment=”left” link=”” linktarget=”_self” modal=”” button_size=”small” button_shape=”square” button_type=”flat” buttoncolor=”” button=”” title=”Font Awesome Icons” description=”Each counter box instance can display a font awesome icon with the content.” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””][/tagline_box][separator style_type=”none” top_margin=”-30″ bottom_margin=”-30″ sep_color=”” icon=”” width=”” class=”” id=””][/one_third][two_third last=”yes” class=”” id=””][separator style_type=”none” top_margin=”10″ bottom_margin=”” sep_color=”” icon=”” width=”” class=”” id=””][counters_box columns=”1″ class=”” id=””][counter_box value=”400″ unit=”+ Vector Icons” unit_pos=”suffix” icon=”fa-flag” border=”yes” color=”#73b9dc” direction=”up”]Use Any of The Font Awesome Icons[/counter_box][/counters_box][/two_third][one_third last=”no” class=”” id=””][tagline_box backgroundcolor=”” shadow=”no” shadowopacity=”0.1″ border=”1px” bordercolor=”” highlightposition=”top” content_alignment=”left” link=”” linktarget=”_self” modal=”” button_size=”small” button_shape=”square” button_type=”flat” buttoncolor=”” button=”” title=”Border Control” description=”Each counter box instance can display a border around the box.” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””][/tagline_box][separator style_type=”none” top_margin=”-30″ bottom_margin=”-30″ sep_color=”” icon=”” width=”” class=”” id=””][/one_third][two_third last=”yes” class=”” id=””][separator style_type=”none” top_margin=”10″ bottom_margin=”” sep_color=”” icon=”” width=”” class=”” id=””][counters_box columns=”2″ class=”” id=””][counter_box value=”100″ unit=”$” unit_pos=”prefix” icon=”” border=”yes” color=”” direction=”up”]This Counter Box Displays A Border.[/counter_box][counter_box value=”100″ unit=”$” unit_pos=”prefix” icon=”” border=”no” color=”” direction=”up”]This Counter Box Displays No Border.[/counter_box][/counters_box][/two_third][/fullwidth][separator style_type=”single” top_margin=”5″ bottom_margin=”0″ sep_color=”#cdcdcd” icon=”fa-chevron-down” width=”” class=”” id=””][fullwidth backgroundcolor=”” backgroundimage=”http://theme-fusion.com/avada/wp-content/uploads/2013/07/bkgd13.jpg” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=
“fixed” bordersize=”1px” bordercolor=”#eaeaea” borderstyle=”solid” paddingtop=”22px” paddingbottom=”0px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” class=”” id=””][two_third last=”no” class=”” id=””][fusion_text]

Join The 70,000+ Satisfied Avada Users!

[/fusion_text][/two_third][one_third last=”yes” class=”” id=””][separator style_type=”none” top_margin=”7″ bottom_margin=”7″ sep_color=”” icon=”” width=”” class=”” id=””][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”default” size=”xlarge” type=”3d” shape=”pill” target=”_blank” title=”” gradient_colors=”transparent|” gradient_hover_colors=”rgba(255, 255, 255, 0.15)|” accent_color=”rgba(0,0,0,.5)” accent_hover_color=”#333333″ bevel_color=”” border_width=”0px” shadow=”no” icon=”” icon_position=”left” icon_divider=”yes” modal=”” animation_type=”0″ animation_direction=”up” animation_speed=”1″ alignment=”center” class=”” id=””]I’M SOLD, BUY AVADA NOW![/button][/one_third][/fullwidth]
On Pinterest
Follow PRIDE Foundation Malaysia's board Pink Ribbon Deeds on Pinterest.