{"id":7463,"date":"2016-07-05T00:18:12","date_gmt":"2016-07-05T00:18:12","guid":{"rendered":"http:\/\/sw-themes.com\/porto_dummy\/?page_id=496"},"modified":"2016-07-05T00:18:12","modified_gmt":"2016-07-05T00:18:12","slug":"modals","status":"publish","type":"page","link":"https:\/\/prefabhousemaker.com\/?page_id=7463","title":{"rendered":"Modals"},"content":{"rendered":"<p>\t\t\t\t[vc_row][vc_column][vc_custom_heading text=&#8221;Modals Shortcodes&#8221; use_theme_fonts=&#8221;yes&#8221; el_class=&#8221;shorter&#8221;][vc_column_text]Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.<br \/>\nToggle a modal via JavaScript by clicking the button below. You can build with <strong style=\"font-weight: 600;\">Ultimate Addons Modal<\/strong> shortcodes.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator color=&#8221;custom&#8221; gap=&#8221;tall&#8221; gradient=&#8221;yes&#8221;][vc_custom_heading text=&#8221;Default&#8221; font_container=&#8221;tag:h4|text_align:left&#8221; use_theme_fonts=&#8221;yes&#8221;][ultimate_modal modal_title=&#8221;Default Modal Title&#8221; btn_size=&#8221;lg&#8221; btn_bg_color=&#8221;#0088cc&#8221; modal_on_align=&#8221;left&#8221; btn_text=&#8221;Launch Default Modal&#8221; modal_size=&#8221;medium&#8221; modal_style=&#8221;overlay-zoomin&#8221; overlay_bg_color=&#8221;&#8221; overlay_bg_opacity=&#8221;80&#8243; modal_border_style=&#8221;solid&#8221; modal_border_width=&#8221;1&#8243; modal_border_color=&#8221;&#8221; modal_border_radius=&#8221;6&#8243; el_class=&#8221;clearfix&#8221; header_text_color=&#8221;&#8221; btn_txt_color=&#8221;#ffffff&#8221;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc <a href=\"\/\">vehicula<\/a> lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus.<\/p>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc <a href=\"\/\">vehicula<\/a> lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus.[\/ultimate_modal][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator color=&#8221;custom&#8221; gap=&#8221;tall&#8221; gradient=&#8221;yes&#8221;][vc_custom_heading text=&#8221;Optional Sizes&#8221; font_container=&#8221;tag:h4|text_align:left&#8221; use_theme_fonts=&#8221;yes&#8221;][vc_row_inner][vc_column_inner width=&#8221;1\/4&#8243;][ultimate_modal modal_title=&#8221;Large Modal Title&#8221; btn_size=&#8221;md&#8221; btn_bg_color=&#8221;#0088cc&#8221; modal_on_align=&#8221;left&#8221; btn_text=&#8221;Launch Large Modal&#8221; modal_size=&#8221;container&#8221; modal_style=&#8221;overlay-zoomin&#8221; overlay_bg_color=&#8221;&#8221; overlay_bg_opacity=&#8221;80&#8243; modal_border_style=&#8221;solid&#8221; modal_border_width=&#8221;1&#8243; modal_border_color=&#8221;&#8221; modal_border_radius=&#8221;6&#8243; header_text_color=&#8221;&#8221; btn_txt_color=&#8221;#ffffff&#8221;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc <a href=\"\/\">vehicula<\/a> lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus.<\/p>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc <a href=\"\/\">vehicula<\/a> lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus.[\/ultimate_modal][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][ultimate_modal modal_title=&#8221;Medium Modal Title&#8221; btn_size=&#8221;md&#8221; btn_bg_color=&#8221;#0088cc&#8221; modal_on_align=&#8221;left&#8221; btn_text=&#8221;Launch Medium Modal&#8221; modal_size=&#8221;medium&#8221; modal_style=&#8221;overlay-zoomin&#8221; overlay_bg_color=&#8221;&#8221; overlay_bg_opacity=&#8221;80&#8243; modal_border_style=&#8221;solid&#8221; modal_border_width=&#8221;1&#8243; modal_border_color=&#8221;&#8221; modal_border_radius=&#8221;6&#8243; header_text_color=&#8221;&#8221; btn_txt_color=&#8221;#ffffff&#8221;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc <a href=\"\/\">vehicula<\/a> lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus.<\/p>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc <a href=\"\/\">vehicula<\/a> lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus.[\/ultimate_modal][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][ultimate_modal modal_title=&#8221;Small Modal Title&#8221; btn_size=&#8221;md&#8221; btn_bg_color=&#8221;#0088cc&#8221; modal_on_align=&#8221;left&#8221; btn_text=&#8221;Launch Small Modal&#8221; modal_style=&#8221;overlay-zoomin&#8221; overlay_bg_color=&#8221;&#8221; overlay_bg_opacity=&#8221;80&#8243; modal_border_style=&#8221;solid&#8221; modal_border_width=&#8221;1&#8243; modal_border_color=&#8221;&#8221; modal_border_radius=&#8221;6&#8243; header_text_color=&#8221;&#8221; btn_txt_color=&#8221;#ffffff&#8221;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc <a href=\"\/\">vehicula<\/a> lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus.<\/p>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc <a href=\"\/\">vehicula<\/a> lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus.[\/ultimate_modal][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][ultimate_modal modal_title=&#8221;Block Modal Title&#8221; btn_size=&#8221;md&#8221; btn_bg_color=&#8221;#0088cc&#8221; modal_on_align=&#8221;left&#8221; btn_text=&#8221;Launch Block Modal&#8221; modal_size=&#8221;block&#8221; modal_style=&#8221;overlay-zoomin&#8221; overlay_bg_opacity=&#8221;80&#8243; modal_border_style=&#8221;solid&#8221; modal_border_width=&#8221;1&#8243; modal_border_color=&#8221;&#8221; modal_border_radius=&#8221;6&#8243; el_class=&#8221;clearfix&#8221; btn_txt_color=&#8221;#ffffff&#8221;]<img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-215\" src=\"http:\/\/sw-themes.com\/porto_dummy\/wp-content\/uploads\/2015\/01\/device.png\" alt=\"device\" width=\"600\" height=\"422\" \/>[\/ultimate_modal][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator color=&#8221;custom&#8221; gap=&#8221;tall&#8221; gradient=&#8221;yes&#8221;][vc_custom_heading text=&#8221;With Form&#8221; font_container=&#8221;tag:h4|text_align:left&#8221; use_theme_fonts=&#8221;yes&#8221;][ultimate_modal btn_size=&#8221;md&#8221; btn_bg_color=&#8221;#0088cc&#8221; modal_on_align=&#8221;left&#8221; btn_text=&#8221;Launch Form Modal&#8221; modal_style=&#8221;overlay-zoomin&#8221; overlay_bg_opacity=&#8221;80&#8243; modal_border_style=&#8221;solid&#8221; modal_border_width=&#8221;1&#8243; modal_border_color=&#8221;&#8221; modal_border_radius=&#8221;6&#8243; el_class=&#8221;clearfix&#8221; btn_txt_color=&#8221;#ffffff&#8221;]<p class=\"wpcf7-contact-form-not-found\"><strong>Error:<\/strong> Contact form not found.<\/p>[\/ultimate_modal][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator color=&#8221;custom&#8221; gap=&#8221;tall&#8221; gradient=&#8221;yes&#8221;][vc_custom_heading text=&#8221;With Video&#8221; font_container=&#8221;tag:h4|text_align:left&#8221; use_theme_fonts=&#8221;yes&#8221;][ultimate_modal modal_title=&#8221;Vimeo Embed&#8221; modal_contain=&#8221;ult-vimeo&#8221; btn_size=&#8221;md&#8221; btn_bg_color=&#8221;#0088cc&#8221; modal_on_align=&#8221;left&#8221; btn_text=&#8221;Launch Video Modal&#8221; modal_style=&#8221;overlay-zoomin&#8221; overlay_bg_opacity=&#8221;80&#8243; modal_border_style=&#8221;solid&#8221; modal_border_width=&#8221;1&#8243; modal_border_color=&#8221;&#8221; modal_border_radius=&#8221;6&#8243; el_class=&#8221;clearfix&#8221; btn_txt_color=&#8221;#ffffff&#8221;]<iframe loading=\"lazy\" src=\"\/\/player.vimeo.com\/video\/1084537\" width=\"600\" height=\"349\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe>[\/ultimate_modal][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator color=&#8221;custom&#8221; gap=&#8221;tall&#8221; gradient=&#8221;yes&#8221;][vc_custom_heading text=&#8221;With Google Map&#8221; font_container=&#8221;tag:h4|text_align:left&#8221; use_theme_fonts=&#8221;yes&#8221;][ultimate_modal modal_title=&#8221;Google Maps&#8221; btn_size=&#8221;md&#8221; btn_bg_color=&#8221;#0088cc&#8221; modal_on_align=&#8221;left&#8221; btn_text=&#8221;Launch Google Map Modal&#8221; modal_size=&#8221;block&#8221; modal_style=&#8221;overlay-zoomin&#8221; overlay_bg_opacity=&#8221;80&#8243; modal_border_style=&#8221;solid&#8221; modal_border_width=&#8221;1&#8243; modal_border_color=&#8221;&#8221; modal_border_radius=&#8221;6&#8243; el_class=&#8221;clearfix&#8221; btn_txt_color=&#8221;#ffffff&#8221;]<iframe loading=\"lazy\" src=\"https:\/\/mapsengine.google.com\/map\/u\/0\/embed?mid=z4V0XhyCNvV8.kHo9RVzP_ZAw\" width=\"640\" height=\"480\"><\/iframe>[\/ultimate_modal][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator color=&#8221;custom&#8221; gap=&#8221;tall&#8221; gradient=&#8221;yes&#8221;][vc_custom_heading text=&#8221;Display on Image&#8221; font_container=&#8221;tag:h4|text_align:left&#8221; use_theme_fonts=&#8221;yes&#8221;][ultimate_modal modal_title=&#8221;Google Maps&#8221; modal_on=&#8221;image&#8221; btn_img=&#8221;id^72|url^http:\/\/sw-themes.com\/porto_dummy\/wp-content\/uploads\/2016\/06\/pin.png|caption^null|alt^null|title^pin|description^null&#8221; modal_on_align=&#8221;left&#8221; modal_size=&#8221;block&#8221; modal_style=&#8221;overlay-zoomin&#8221; overlay_bg_opacity=&#8221;80&#8243; modal_border_style=&#8221;solid&#8221; modal_border_width=&#8221;1&#8243; modal_border_color=&#8221;&#8221; modal_border_radius=&#8221;6&#8243; el_class=&#8221;clearfix&#8221;]<iframe loading=\"lazy\" src=\"https:\/\/mapsengine.google.com\/map\/u\/0\/embed?mid=z4V0XhyCNvV8.kHo9RVzP_ZAw\" width=\"640\" height=\"480\"><\/iframe>[\/ultimate_modal][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator color=&#8221;custom&#8221; gap=&#8221;tall&#8221; gradient=&#8221;yes&#8221;][vc_custom_heading text=&#8221;Display on Text&#8221; font_container=&#8221;tag:h4|text_align:left&#8221; use_theme_fonts=&#8221;yes&#8221;][ultimate_modal modal_title=&#8221;Launch Modal on Text&#8221; modal_on=&#8221;text&#8221; modal_on_align=&#8221;left&#8221; read_text=&#8221;Launch Modal on Text&#8221; modal_style=&#8221;overlay-zoomin&#8221; overlay_bg_opacity=&#8221;80&#8243; modal_border_style=&#8221;solid&#8221; modal_border_width=&#8221;1&#8243; modal_border_color=&#8221;&#8221; modal_border_radius=&#8221;6&#8243; el_class=&#8221;clearfix&#8221; txt_color=&#8221;#0088cc&#8221;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc <a href=\"\/\">vehicula<\/a> lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus.<\/p>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc <a href=\"\/\">vehicula<\/a> lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus.[\/ultimate_modal][\/vc_column][\/vc_row]\t\t<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_custom_heading text=&#8221;Modals Shortcodes&#8221; use_theme_fonts=&#8221;yes&#8221; el_class=&#8221;shorter&#8221;][vc_column_text]Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults. Toggle<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7463","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/prefabhousemaker.com\/index.php?rest_route=\/wp\/v2\/pages\/7463","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prefabhousemaker.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/prefabhousemaker.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/prefabhousemaker.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prefabhousemaker.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7463"}],"version-history":[{"count":0,"href":"https:\/\/prefabhousemaker.com\/index.php?rest_route=\/wp\/v2\/pages\/7463\/revisions"}],"wp:attachment":[{"href":"https:\/\/prefabhousemaker.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7463"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}