[fusion_builder_container backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” video_mute=”yes” video_loop=”yes” fade=”yes” bordersize=”0px” bordercolor=”#eaeaea” borderstyle=”solid” paddingtop=”30px” paddingbottom=”40px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ last=”yes” spacing=”yes” background_color=”#f6f6f6″ background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”solid” padding=”40px” class=”” id=”” min_height=”” hover_type=”none” link=”” border_position=”all”][fusion_text]
Counter Circle Shortcode
Avada includes multiple animated counter shortcodes, including the counter circle shortcode. These are great for displaying varying types of data to your viewers. The counter circles have several options that allow you to easily customize them to your needs. Wether its sales percentages, skill levels, promotional levels or other data sets, the counter circle shortcode is a great way to visually attract the viewer and display content.
[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”0px” paddingbottom=”60px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none” last=”no” hover_type=”none” link=”” border_position=”all”][fusion_counters_circle class=”” id=””][fusion_counter_circle filledcolor=”” unfilledcolor=”rgba(255,255,255,.4)” size=”255″ scales=”no” countdown=”no” speed=”1500″ value=”94″]94%[/fusion_counter_circle][fusion_counter_circle filledcolor=”” unfilledcolor=”rgba(255,255,255,.4)” size=”255″ scales=”no” countdown=”no” speed=”1500″ value=”100″]Users[/fusion_counter_circle][fusion_counter_circle filledcolor=”” unfilledcolor=”rgba(255,255,255,.4)” size=”255″ scales=”no” countdown=”no” speed=”1500″ value=”100″][fusion_fontawesome icon=”fa-heart” circle=”no” size=”medium” iconcolor=”#dd3333″ circlecolor=”” circlebordercolor=”” flip=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””/][/fusion_counter_circle][fusion_counter_circle filledcolor=”” unfilledcolor=”rgba(255,255,255,.4)” size=”255″ scales=”no” countdown=”no” speed=”1500″ value=”100″]Avada[/fusion_counter_circle][/fusion_counters_circle][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” video_mute=”yes” video_loop=”yes” fade=”yes” bordersize=”0px” bordercolor=”#eaeaea” borderstyle=”solid” paddingtop=”0px” paddingbottom=”0px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ last=”yes” spacing=”yes” background_color=”#f6f6f6″ background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”solid” padding=”40px” class=”” id=”” min_height=”” hover_type=”none” link=”” border_position=”all”][fusion_text]
Control Colors
Each counter circle in the shortcode can have a different filled and unfilled color.
[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”30px” paddingbottom=”60px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][fusion_builder_row][fusion_builder_column type=”1_4″ layout=”1_4″ last=”no” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=”” min_height=”” hover_type=”none” link=”” border_position=”all”][fusion_counters_circle class=”” id=””][fusion_counter_circle filledcolor=”#92be43″ unfilledcolor=”#d7e8b7″ size=”200″ scales=”no” countdown=”no” speed=”1500″ value=”65″]Full[/fusion_counter_circle][/fusion_counters_circle][/fusion_builder_column][fusion_builder_column type=”1_4″ layout=”1_4″ last=”no” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=”” min_height=”” hover_type=”none” link=”” border_position=”all”][fusion_counters_circle class=”” id=””][fusion_counter_circle filledcolor=”#cb9536″ unfilledcolor=”#eedbb9″ size=”200″ scales=”no” countdown=”no” speed=”1500″ value=”75″]Control[/fusion_counter_circle][/fusion_counters_circle][/fusion_builder_column][fusion_builder_column type=”1_4″ layout=”1_4″ last=”no” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=”” min_height=”” hover_type=”none” link=”” border_position=”all”][fusion_counters_circle class=”” id=””][fusion_counter_circle filledcolor=”#62a7c9″ unfilledcolor=”#cbe1ec” size=”200″ scales=”no” countdown=”no” speed=”1500″ value=”85″]of[/fusion_counter_circle][/fusion_counters_circle][/fusion_builder_column][fusion_builder_column type=”1_4″ layout=”1_4″ last=”yes” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=”” min_height=”” hover_type=”none” link=”” border_position=”all”][fusion_counters_circle class=”” id=””][fusion_counter_circle filledcolor=”#a7a9ac” unfilledcolor=”#d7d7d7″ size=”200″ scales=”no” countdown=”no” speed=”1500″ value=”90″]Colors[/fusion_counter_circle][/fusion_counters_circle][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”0px” paddingbottom=”0px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ last=”yes” spacing=”yes” background_color=”#f6f6f6″ background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”solid” padding=”40px” class=”” id=”” min_height=”” hover_type=”none” link=”” border_position=”all”][fusion_text]
Control Size
Each counter circle in the shortcode can have a different circle diameter.
[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”30px” paddingbottom=”60px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none” last=”no” hover_type=”none” link=”” border_position=”all”][fusion_counters_circle class=”” id=””][fusion_counter_circle filledcolor=”#a7a9ac” unfilledcolor=”#d7d7d7″ size=”60″ scales=”no” countdown=”no” speed=”1500″ value=”90″]You[/fusion_counter_circle][fusion_counter_circle filledcolor=”#a7a9ac” unfilledcolor=”#d7d7d7″ size=”80″ scales=”no” countdown=”no” speed=”1500″ value=”90″]Can[/fusion_counter_circle][fusion_counter_circle filledcolor=”#a7a9ac” unfilledcolor=”#d7d7d7″ size=”100″ scales=”no” countdown=”no” speed=”1500″ value=”90″]Control[/fusion_counter_circle][fusion_counter_circle filledcolor=”#a7a9ac” unfilledcolor=”#d7d7d7″ size=”120″ scales=”no” countdown=”no” speed=”1500″ value=”90″]The[/fusion_counter_circle][fusion_counter_circle filledcolor=”#a7a9ac” unfilledcolor=”#d7d7d7″ size=”140″ scales=”no” countdown=”no” speed=”1500″ value=”90″]Circle[/fusion_counter_circle][fusion_counter_circle filledcolor=”#a7a9ac” unfilledcolor=”#d7d7d7″ size=”160″ scales=”no” countdown=”no” speed=”1500″ value=”90″]Size[/fusion_counter_circle][/fusion_counters_circle][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”0px” paddingbottom=”0px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ last=”yes” spacing=”yes” background_color=”#f6f6f6″ background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”solid” padding=”40px” class=”” id=”” min_height=”” hover_type=”none” link=”” border_position=”all”][fusion_text]
Show Scales
Each counter circle can display a set of scales which visually mark the values around the circle. Larger scales mark it the quarter values around the circle.
[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”30px” paddingbottom=”60px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][fusion_builder_row][fusion_builder_column type=”1_3″ layout=”1_3″ last=”no” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=”” min_height=”” hover_type=”none” link=”” border_position=”all”][fusion_counters_circle class=”” id=””][fusion_counter_circle filledcolor=”” unfilledcolor=”” size=”230″ scales=”yes” countdown=”no” speed=”1500″ value=”25″]Show[/fusion_counter_circle][/fusion_counters_circle][/fusion_builder_column][fusion_builder_column type=”1_3″ layout=”1_3″ last=”no” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=”” min_height=”” hover_type=”none” link=”” border_position=”all”][fusion_counters_circle class=”” id=””][fusion_counter_circle filledcolor=”” unfilledcolor=”” size=”230″ scales=”yes” countdown=”no” speed=”1500″ value=”50″]Some[/fusion_counter_circle][/fusion_counters_circle][/fusion_builder_column][fusion_builder_column type=”1_3″ layout=”1_3″ last=”yes” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=”” min_height=”” hover_type=”none” link=”” border_position=”all”][fusion_counters_circle class=”” id=””][fusion_counter_circle filledcolor=”” unfilledcolor=”” size=”230″ scales=”yes” countdown=”no” speed=”1500″ value=”75″]Scales[/fusion_counter_circle][/fusion_counters_circle][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”0px” paddingbottom=”0px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ last=”yes” spacing=”yes” background_color=”#f6f6f6″ background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”solid” padding=”40px” class=”” id=”” min_height=”” hover_type=”none” link=”” border_position=”all”][fusion_text]
Count Up or Down
Each counter circle in the shortcode can have the filled animation start full (up) or empty (down).
[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”30px” paddingbottom=”60px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][fusion_builder_row][fusion_builder_column type=”1_4″ layout=”1_4″ last=”no” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=”” min_height=”” hover_type=”none” link=”” border_position=”all”][fusion_counters_circle class=”” id=””][fusion_counter_circle filledcolor=”#cb9536″ unfilledcolor=”#eedbb9″ size=”130″ scales=”no” countdown=”no” speed=”1500″ value=”50″]Up[/fusion_counter_circle][/fusion_counters_circle][/fusion_builder_column][fusion_builder_column type=”1_4″ layout=”1_4″ last=”no” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=”” min_height=”” hover_type=”none” link=”” border_position=”all”][fusion_counters_circle class=”” id=””][fusion_counter_circle filledcolor=”#cb9536″ unfilledcolor=”#eedbb9″ size=”130″ scales=”no” countdown=”yes” speed=”1500″ value=”75″][fusion_fontawesome icon=”fa-chevron-up” circle=”no” size=”small” iconcolor=”#cb9536″ circlecolor=”” circlebordercolor=”” flip=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””/][/fusion_counter_circle][/fusion_counters_circle][/fusion_builder_column][fusion_builder_column type=”1_4″ layout=”1_4″ last=”no” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=”” min_height=”” hover_type=”none” link=”” border_position=”all”][fusion_counters_circle class=”” id=””][fusion_counter_circle filledcolor=”#62a7c9″ unfilledcolor=”#cbe1ec” size=”130″ scales=”no” countdown=”yes” speed=”1500″ value=”50″]Down[/fusion_counter_circle][/fusion_counters_circle][/fusion_builder_column][fusion_builder_column type=”1_4″ layout=”1_4″ last=”yes” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=”” min_height=”” hover_type=”none” link=”” border_position=”all”][fusion_counters_circle class=”” id=””][fusion_counter_circle filledcolor=”#62a7c9″ unfilledcolor=”#cbe1ec” size=”130″ scales=”no” countdown=”no” speed=”1500″ value=”90″][fusion_fontawesome icon=”fa-chevron-down” circle=”no” size=”small” iconcolor=”#62a7c9″ circlecolor=”” circlebordercolor=”” flip=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””/][/fusion_counter_circle][/fusion_counters_circle][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”0px” paddingbottom=”0px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ last=”yes” spacing=”yes” background_color=”#f6f6f6″ background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”solid” padding=”40px” class=”” id=”” min_height=”” hover_type=”none” link=”” border_position=”all”][fusion_text]
Animation Speed
Each counter circle in the shortcode can have a different animation speed, which provides a visual variation.
[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”30px” paddingbottom=”60px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none” last=”no” hover_type=”none” link=”” border_position=”all”][fusion_counters_circle class=”” id=””][fusion_counter_circle filledcolor=”” unfilledcolor=”” size=”60″ scales=”no” countdown=”no” speed=”1500″ value=”90″]You[/fusion_counter_circle][fusion_counter_circle filledcolor=”” unfilledcolor=”” size=”80″ scales=”no” countdown=”no” speed=”3500″ value=”90″]Can[/fusion_counter_circle][fusion_counter_circle filledcolor=”” unfilledcolor=”” size=”100″ scales=”no” countdown=”no” speed=”5500″ value=”90″]Control[/fusion_counter_circle][fusion_counter_circle filledcolor=”” unfilledcolor=”” size=”120″ scales=”no” countdown=”no” speed=”7500″ value=”90″]The[/fusion_counter_circle][fusion_counter_circle filledcolor=”” unfilledcolor=”” size=”140″ scales=”no” countdown=”no” speed=”9500″ value=”90″]Circle[/fusion_counter_circle][fusion_counter_circle filledcolor=”” unfilledcolor=”” size=”160″ scales=”no” countdown=”no” speed=”11500″ value=”90″]Speed[/fusion_counter_circle][/fusion_counters_circle][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”0px” paddingbottom=”0px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ last=”yes” spacing=”yes” background_color=”#f6f6f6″ background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”solid” padding=”40px” class=”” id=”” min_height=”” hover_type=”none” link=”” border_position=”all”][fusion_text]
Font Awesome Icons
Each counter circle can have text information or a font awesome icon inside the circle. The full font awesome shortcode can be used along with all of the icon options.
[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”30px” paddingbottom=”60px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][fusion_builder_row][fusion_builder_column type=”1_3″ layout=”1_3″ last=”no” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=”” min_height=”” hover_type=”none” link=”” border_position=”all”][fusion_counters_circle class=”” id=””][fusion_counter_circle filledcolor=”#a7a9ac” unfilledcolor=”#d7d7d7″ size=”185″ scales=”no” countdown=”no” speed=”1500″ value=”50″][fusion_fontawesome icon=”fa-paper-plane-o” circle=”no” size=”” iconcolor=”#a7a9ac” circlecolor=”” circlebordercolor=”” flip=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””/][/fusion_counter_circle][/fusion_counters_circle][/fusion_builder_column][fusion_builder_column type=”1_3″ layout=”1_3″ last=”no” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=”” min_height=”” hover_type=”none” link=”” border_position=”all”][fusion_counters_circle class=”” id=””][fusion_counter_circle filledcolor=”#a7a9ac” unfilledcolor=”#d7d7d7″ size=”185″ scales=”no” countdown=”no” speed=”1500″ value=”75″][fusion_fontawesome icon=”fa-thumbs-o-up” circle=”no” size=”” iconcolor=”#a7a9ac” circlecolor=”” circlebordercolor=”” flip=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””/][/fusion_counter_circle][/fusion_counters_circle][/fusion_builder_column][fusion_builder_column type=”1_3″ layout=”1_3″ last=”yes” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=”” min_height=”” hover_type=”none” link=”” border_position=”all”][fusion_counters_circle class=”” id=””][fusion_counter_circle filledcolor=”#a7a9ac” unfilledcolor=”#d7d7d7″ size=”185″ scales=”no” countdown=”no” speed=”1500″ value=”50″][fusion_fontawesome icon=”fa-laptop” circle=”no” size=”” iconcolor=”#a7a9ac” circlecolor=”” circlebordercolor=”” flip=”” rotate=”” spin=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””/][/fusion_counter_circle][/fusion_counters_circle][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”0px” paddingbottom=”0px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ last=”yes” spacing=”yes” background_color=”#f6f6f6″ background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”solid” padding=”40px” class=”” id=”” min_height=”” hover_type=”none” link=”” border_position=”all”][fusion_text]
Complete Set of Options
Every option and description included with the counter circle shortcode is listed below.
[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”30px” paddingbottom=”80px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”yes” hundred_percent=”no” class=”” id=””][fusion_builder_row][fusion_builder_column type=”1_2″ layout=”1_2″ last=”no” spacing=”yes” background_color=”#f8f8f8″ background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”1px” border_color=”#eaeaea” border_style=”solid” padding=”30px” class=”” id=”” min_height=”” hover_type=”none” link=”” border_position=”all”][fusion_checklist icon=”fa-check” iconcolor=”#333333″ circle=”no” circlecolor=”” size=”small” class=”” id=””][fusion_li_item icon=””]filledcolor – Accepts a hexcode ( #000000 ). Sets the filled area’s color. Leave blank for Theme Option selection.[/fusion_li_item][fusion_li_item icon=””]unfilledcolor – Accepts a hexcode ( #000000 ). Sets the unfilled area’s color. Leave blank for Theme Option selection.[/fusion_li_item][fusion_li_item icon=””]size – Accepts a numerical value to set the overall diameter of the circle in pixels. For example, 220.[/fusion_li_item][fusion_li_item icon=””]scales – Can be one of these values: yes, or no. This will show or hide a scale around the circle.[/fusion_li_item][fusion_li_item icon=””]countdown – Can be one of these values: yes, or no. Sets the filling animation to move counter clockwise.[/fusion_li_item][/fusion_checklist][/fusion_builder_column][fusion_builder_column type=”1_2″ layout=”1_2″ last=”yes” spacing=”yes” background_color=”#f8f8f8″ background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”1px” border_color=”#eaeaea” border_style=”solid” padding=”30px” class=”” id=”” min_height=”” hover_type=”none” link=”” border_position=”all”][fusion_checklist icon=”fa-check” iconcolor=”#333333″ circle=”no” circlecolor=”” size=”small” class=”” id=””][fusion_li_item icon=””]speed – Accepts a numerical value to set the time it takes for the animation to complete. For example, 1500.[/fusion_li_item][fusion_li_item icon=””]value – The Filled Area Percentage. Accepts a numerical value to set the percentage of filled area. For example, 95.[/fusion_li_item][fusion_li_item icon=””]class – Add a custom class to the wrapping HTML element for further css customization.[/fusion_li_item][fusion_li_item icon=””]id – Add a custom id to the wrapping HTML element for further css customization.[/fusion_li_item][/fusion_checklist][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container hundred_percent=”no” hundred_percent_height=”no” hundred_percent_height_scroll=”no” hundred_percent_height_center_content=”yes” equal_height_columns=”no” menu_anchor=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”” background_image=”http://begp.net/wp-content/uploads/2017/11/home_slider.jpg” background_position=”center center” background_repeat=”no-repeat” fade=”no” background_parallax=”none” enable_mobile=”no” parallax_speed=”” video_mp4=”” video_webm=”” video_ogv=”” video_url=”” video_aspect_ratio=”” video_loop=”yes” video_mute=”yes” video_preview_image=”” border_size=”” border_color=”” border_style=”solid” margin_top=”” margin_bottom=”” padding_top=”50px” padding_right=”” padding_bottom=”80px” padding_left=””][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none” last=”no” hover_type=”none” link=”” border_position=”all”][fusion_text]
Join The 100,000+ Satisfied Avada Users!
[/fusion_text][fusion_button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”custom” size=”xlarge” type=”flat” shape=”round” target=”_blank” title=”” button_gradient_top_color=”rgba(255,255,255,.1)” button_gradient_bottom_color=”rgba(255,255,255,.1)” button_gradient_top_color_hover=”rgba(255, 255, 255, 0.25)” button_gradient_bottom_color_hover=”rgba(255, 255, 255, 0.25)” accent_color=”rgba(255,255,255,.8)” accent_hover_color=”#ffffff” bevel_color=”” border_width=”2px” shadow=”no” icon=”” icon_position=”left” icon_divider=”yes” modal=”” animation_type=”fade” animation_direction=”up” animation_speed=”1″ alignment=”center” class=”” id=””] BUY AVADA NOW![/fusion_button][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]