[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=»»]
[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]
[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]
[/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=»»]
[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=»»]
[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]
[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=»»]
[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]
[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=»»]
[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]
[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=»»]
[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]
[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=»»]
[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]
[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=»»]
[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]
[/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=»»]
[fusion_text]
Join The 70,000+ Satisfied Avada Users!
[/fusion_text]
[separator style_type=»none» top_margin=»7″ bottom_margin=»7″ sep_color=»» icon=»» width=»» class=»» id=»»]
[/fullwidth]
