Modal Examples

[vc_row el_class=”bottomzero” background_style=”color” contentcolorclass=”darkonlight” background_color=”#ffffff” parallax=”on” parfactor=”5″ overlay_color=”rgba(255,255,255,0.5)” toppadding=”118″ bottompadding=”110″ videoaspectratio=”800:450″][vc_column width=”1/1″][vc_single_image image=”62″ alignment=”center” border_color=”grey” img_link_target=”_self” el_class=”iconresize”][vc_empty_space height=”22″][tp_vc_headline headline=”Want to catch attention?” headline_size=”h1″ alignment=”center” underline=”on” content_size=”airy_subheadline”]You should not miss this out of box feature included in the Miami Theme.
Whether event, timer or interaction based, Miami Modal Windows will do the job and alert your website visitors.[/tp_vc_headline][/vc_column][/vc_row][vc_row background_style=”cover” contentcolorclass=”lightondark” background_color=”#ffffff” rowimage=”29″ videoaspectratio=”800:450″ parallax=”on” parfactor=”5″ overlay=”on” overlay_color=”rgba(255,255,255,0.01)” noise=”off” toppadding=”150″ bottompadding=”150″][vc_column width=”1/1″][/vc_column][/vc_row][vc_row el_class=”modalbuttonwrapper” background_style=”transparent” contentcolorclass=”darkonlight” background_color=”#ffffff” videoaspectratio=”800:450″ parallax=”on” parfactor=”5″ overlay_color=”rgba(255,255,255,0.5)” noise=”off” toppadding=”120″ bottompadding=”0″ overlay=”on”][vc_column width=”1/2″][tp_vc_service title=”Go Modal!” icon=”icon-language” icon_style=”colored” icon_color=”#333333″ linktarget=”_self” title_color=”#333333″]Create beautiful Popups within a few seconds with our integrated Modal Shortcode Generator. Funky animations will spice up your modals, but for flat design lovers we also offers eye catching solutions![/tp_vc_service][tp_vc_service title=”Easy Modal Content” icon=”icon-code” icon_style=”colored” icon_color=”#333333″ linktarget=”_self” title_color=”#333333″]Modal Window Content is simply edited via a custom post type.
The same TinyMCE or Visual Composer Editor is available for editing your content on any other page or post. Need to add Shortcodes? No Problem, go for it![/tp_vc_service][/vc_column][vc_column width=”1/2″][tp_mw_modal_window page_id=”” transition=”fadein” caller=”link” timer=”5″ button_text=”Fade In & Scale” close_button_text=”CLOSE THIS WINDOW” background=”colored” background_color=”#253038″ font_color=”#ffffff” overlay=”colored” overlay_background_color=”rgba(37,48,56,0.9)” max_width=”960″ el_class=”lightbuttonparent lightondark” button_icon=”icon-flash” close_button_icon=”icon-cancel-circled”][tp_mw_modal_window page_id=”” transition=”fall” caller=”link” timer=”5″ button_text=”Fall” close_button_text=”Thanks for the Info” background=”colored” background_color=”#313437″ font_color=”#ffffff” overlay=”colored” overlay_background_color=”rgba(49,52,55,0.9)” button_icon=”icon-level-down” max_width=”760″ close_button_icon=”icon-cancel” el_class=”lightondark”][tp_mw_modal_window page_id=”” transition=”3dfliphorizontal” caller=”link” timer=”5″ button_text=”3D Flip Horizontal” close_button_text=”Close” background=”colored” background_color=”#eeeeee” font_color=”#333333″ overlay=”colored” overlay_background_color=”rgba(0,0,0,0.15)” button_icon=”icon-cube” max_width=”960″ close_button_style=”bordered”][tp_mw_modal_window page_id=”” transition=”superscaled” caller=”link” timer=”5″ button_style=”bordered” button_text=”Super Scaled” close_button_text=”Close Window” background=”colored” background_color=”#9f0134″ font_color=”#ffffff” overlay=”colored” overlay_background_color=”rgba(159,1,52,0.9)” max_width=”960″ close_button_icon=”icon-cancel” el_class=”lightondark”][tp_mw_modal_window page_id=”” transition=”slideinright” caller=”link” timer=”5″ button_style=”bordered” button_text=”Slide In Right” close_button_text=”Bye” background=”colored” background_color=”#253038″ font_color=”#ffffff” overlay=”transparent” overlay_background_color=”rgba(68,134,191,0.75)” close_button_icon=”icon-cancel” el_class=”lightondark”][tp_mw_modal_window page_id=”” transition=”newspaper” caller=”link” timer=”5″ button_style=”bordered” button_text=”Newspaper” close_button_text=”Close Window” background=”colored” background_color=”#eeeeee” font_color=”#333333″ overlay=”transparent” overlay_background_color=”rgba(0,0,0,0.75)” max_width=”800″ close_button_icon=”icon-cancel”][tp_mw_modal_window page_id=”” transition=”stickyup” caller=”link” timer=”5″ button_text=”Sticky Up” close_button_text=”Close Window” background=”colored” background_color=”#2b97ef” font_color=”#ffffff” overlay=”transparent” overlay_background_color=”rgba(0,0,0,0.75)” max_width=”960″ close_button_icon=”icon-right-dir” el_class=”lightondark”][tp_mw_modal_window page_id=”” transition=”3drotatebottom” caller=”link” timer=”5″ button_text=”3D Rotate Bottom” close_button_text=”Close Popup” background=”colored” background_color=”#eeeeee” font_color=”#333333″ overlay=”colored” overlay_background_color=”#eeeeee” max_width=”960″ close_button_icon=”icon-ok”][tp_mw_modal_window page_id=”” transition=”slideinbottom” caller=”link” timer=”5″ button_text=”Slide In Bottom” close_button_text=”Close This Window” background=”colored” background_color=”#9f0134″ font_color=”#ffffff” overlay=”transparent” overlay_background_color=”rgba(0,0,0,0.75)” max_width=”960″ el_class=”lightondark”][tp_mw_modal_window page_id=”” transition=”sidefall” caller=”link” timer=”5″ button_style=”bordered” button_text=”Slide Fall” close_button_text=”Good Bye” background=”colored” background_color=”#eeeeee” font_color=”#333333″ overlay=”colored” overlay_background_color=”rgba(255,255,255,0.95)” close_button_icon=”icon-ok-circled”][tp_mw_modal_window page_id=”” transition=”3dflipvertical” caller=”link” timer=”5″ button_style=”bordered” button_text=”3D Flip Vertical” close_button_text=”No Thanks!” background=”colored” background_color=”#eeeeee” font_color=”#333333″ overlay=”colored” overlay_background_color=”rgba(0,0,0,0.25)” close_button_icon=”icon-cancel”][tp_mw_modal_window page_id=”” transition=”3dsign” caller=”link” timer=”5″ button_text=”3D Sign” close_button_text=”Close Popup” background=”colored” background_color=”#253038″ font_color=”#ffffff” overlay=”colored” overlay_background_color=”#253038″ max_width=”960″ close_button_icon=”icon-cancel-circled” el_class=”lightondark” button_style=”bordered”][tp_mw_modal_window page_id=”” transition=”3drotateleft” caller=”link” timer=”5″ button_text=”3D Rotate Left” close_button_text=”No Thanks!” background=”colored” background_color=”#2d3032″ font_color=”#ffffff” overlay=”transparent” overlay_background_color=”rgba(0,0,0,0.75)” max_width=”960″ close_button_style=”subtle” el_class=”lightondark”][/vc_column][/vc_row]