Modal Popupboostagents2014-09-04T18:53:14+00:00
[fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”0px” paddingbottom=”0px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” hundred_percent=”no” class=”” id=””][title size=”1″ content_align=”left” style_type=”” sep_color=”” class=”” id=””]Modal Popup Shortcode[/title][three_fourth 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=””]
Avada includes an incredible modal popup that can be used to show additional content on a page. It can be triggered by a button, text link or an image. Use any of our other shortcodes inside of it as well. These are perfect for catching your viewers eye and displaying extra content on your site.
[/three_fourth][one_fourth 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=””][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”default” size=”xlarge” type=”flat” shape=”round” target=”_blank” title=”” gradient_colors=”transparent|” gradient_hover_colors=”|” accent_color=”rgba(000,000,000,.7)” accent_hover_color=”” bevel_color=”” border_width=”0px” shadow=”no” icon=”” icon_position=”left” icon_divider=”yes” modal=”avada_modal” animation_type=”0″ animation_direction=”up” animation_speed=”1″ alignment=”” class=”” id=””]Modal Button[/button][/one_fourth][modal name=”avada_modal” title=”Buttons Can Even Open This Awesome Modal Element” size=”large” background=”” border_color=”” show_footer=”yes” class=”” id=””]
Avada’s Humbled History
[separator style_type=”single” top_margin=”15″ bottom_margin=”10″ sep_color=”#cdcdcd” icon=”fa-heart-o” width=”820px” class=”” id=””]
[/modal][/fullwidth][separator style_type=”single” top_margin=”15″ bottom_margin=”” sep_color=”#cdcdcd” icon=”fa-chevron-down” width=”” class=”” id=””][fullwidth backgroundcolor=”” backgroundimage=”http://theme-fusion.com/avada/wp-content/uploads/2014/03/bg6b_bw.jpg” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”scroll” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”1px” bordercolor=”#eaeaea” borderstyle=”solid” paddingtop=”55px” paddingbottom=”40px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” hundred_percent=”no” class=”” id=””][one_third 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=””][imageframe lightbox=”no” style_type=”none” bordercolor=”” bordersize=”0px” borderradius=”0″ stylecolor=”” align=”none” link=”” linktarget=”_self” animation_type=”0″ animation_direction=”up” animation_speed=”1″ class=”” id=””]
[/imageframe][separator style_type=”none” top_margin=”18″ bottom_margin=”” sep_color=”” icon=”” width=”” class=”” id=””]
Large Modal Sample 1
Lid est laborum dolo rumes fugats untras. Etha rums ser quidem rerum facilis dolores nemis onis fugats vitaes nemo minima rems uns sadips.
[separator style_type=”none” top_margin=”5″ bottom_margin=”” sep_color=”” icon=”” width=”” class=”” id=””][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”default” size=”large” type=”flat” shape=”round” target=”_blank” title=”” gradient_colors=”transparent|” gradient_hover_colors=”|” accent_color=”rgba(000,000,000,.7)” accent_hover_color=”” bevel_color=”” border_width=”0px” shadow=”no” icon=”” icon_position=”left” icon_divider=”yes” modal=”modal1″ animation_type=”0″ animation_direction=”up” animation_speed=”1″ alignment=”” class=”” id=””]Large Modal Sample 1[/button][modal name=”modal1″ title=”Insert Anything You Want In These Modals” size=”large” background=”” border_color=”” show_footer=”yes” class=”” id=””]
[counters_circle class=”” id=””]
[counter_circle filledcolor=”” unfilledcolor=”#eaeaea” size=”190″ scales=”no” countdown=”no” speed=”1500″ value=”95″]Text[/counter_circle]
[counter_circle filledcolor=”” unfilledcolor=”#eaeaea” size=”190″ scales=”no” countdown=”no” speed=”1500″ value=”88″]Text[/counter_circle]
[counter_circle filledcolor=”” unfilledcolor=”#eaeaea” size=”190″ scales=”no” countdown=”no” speed=”1500″ value=”80″]Text[/counter_circle]
[counter_circle filledcolor=”” unfilledcolor=”#eaeaea” size=”190″ scales=”no” countdown=”no” speed=”1500″ value=”78″]Text[/counter_circle]
[/counters_circle]
[separator style_type=”single” top_margin=”15″ bottom_margin=”50″ sep_color=”#cdcdcd” icon=”fa-chevron-down” width=”820px” class=”” id=””]
[progress percentage=”95″ unit=”%” filledcolor=”” unfilledcolor=”#eaeaea” striped=”yes” animated_stripes=”yes” textcolor=”” class=”” id=””]Text here[/progress]
[progress percentage=”80″ unit=”%” filledcolor=”” unfilledcolor=”#eaeaea” striped=”yes” animated_stripes=”yes” textcolor=”” class=”” id=””]Text here[/progress]
[progress percentage=”85″ unit=”%” filledcolor=”” unfilledcolor=”#eaeaea” striped=”yes” animated_stripes=”yes” textcolor=”” class=”” id=””]Text here[/progress]
[progress percentage=”90″ unit=”%” filledcolor=”” unfilledcolor=”#eaeaea” striped=”yes” animated_stripes=”yes” textcolor=”” class=”” id=””]Text here[/progress]
[/modal][/one_third][one_third 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=””][imageframe lightbox=”no” style_type=”none” bordercolor=”” bordersize=”0px” borderradius=”0″ stylecolor=”” align=”none” link=”” linktarget=”_self” animation_type=”0″ animation_direction=”up” animation_speed=”1″ class=”” id=””]
[/imageframe][separator style_type=”none” top_margin=”18″ bottom_margin=”” sep_color=”” icon=”” width=”” class=”” id=””]
Large