Skip to toolbar

Modal Box

[ultimate_heading main_heading=”Supports Everything!” sub_heading_color=”#505050″ sub_heading_font_family=”font_family:Roboto|font_call:Roboto|variant:300″ sub_heading_style=”font-weight:300;” main_heading_margin=”margin-bottom:10px;”]Just place your stuff in WordPress WYSIWYG editor and start popping up.[/ultimate_heading]
[ultimate_modal modal_title=”Popup with Single Image” btn_size=”block” btn_bg_color=”#3498db” btn_txt_color=”#ffffff” btn_text=”Single Image” modal_size=”block” modal_style=”overlay-slidedown” overlay_bg_color=”#917a22″ overlay_bg_opacity=”80″ content_bg_color=”#ffffff” content_text_color=”#505050″ header_bg_color=”#f3d744″ header_text_color=”#161616″]modal-box-single-img[/ultimate_modal]
[ultimate_modal modal_title=”WordPress Image Gallary” btn_size=”block” btn_bg_color=”#7f8c8d” btn_txt_color=”#ffffff” btn_text=”Image Gallery” modal_size=”block” modal_style=”overlay-slideup” overlay_bg_color=”#46a3d8″ overlay_bg_opacity=”80″ content_bg_color=”#ececec” content_text_color=”#505050″ header_bg_color=”#ececec” header_text_color=”#682d2d”]1 2 3 6 5 4 7 8 11 10 9 13[/ultimate_modal]
[ultimate_modal modal_title=”Popup with Custom HTML” btn_size=”block” btn_bg_color=”#34495e” btn_txt_color=”#ffffff” btn_text=”Custom HTML” modal_style=”overlay-slideleft” overlay_bg_color=”#110068″ overlay_bg_opacity=”80″ content_bg_color=”#ececec” content_text_color=”#505050″ header_bg_color=”#e75353″ header_text_color=”#ffffff”]html

Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

[/ultimate_modal]

[ultimate_modal btn_size=”block” btn_bg_color=”#f1c40f” btn_txt_color=”#ffffff” btn_text=”Contact Form” modal_size=”block” modal_style=”overlay-zoomin” overlay_bg_color=”#f1c40f” overlay_bg_opacity=”80″ content_bg_color=”#2e3846″ content_text_color=”#ffffff” modal_border_style=”dashed” modal_border_width=”2″ modal_border_color=”#ffffff” modal_border_radius=”0″]contact-form

[/ultimate_modal]
[ultimate_modal modal_title=”Popup with Google Maps” btn_size=”block” btn_bg_color=”#e74c3c” btn_txt_color=”#ffffff” btn_text=”Google Maps” modal_size=”block” modal_style=”overlay-fade” overlay_bg_color=”#b8c74a” overlay_bg_opacity=”80″ content_bg_color=”#ffffff” content_text_color=”#505050″ header_bg_color=”#1e365a” header_text_color=”#ffffff”][/ultimate_modal]
[ultimate_modal modal_title=”Vimeo Embed” btn_size=”block” btn_bg_color=”#9b59b6″ btn_txt_color=”#ffffff” btn_text=”Embedded Video” modal_size=”block” modal_style=”overlay-show-boxes” overlay_bg_color=”#e94545″ overlay_bg_opacity=”80″ content_bg_color=”#fcfcfc” content_text_color=”#505050″ header_bg_color=”#ffffff” header_text_color=”#ea4c4c”][/ultimate_modal]
[ultimate_modal modal_title=”Popup with Large HTML Content” btn_size=”block” btn_bg_color=”#e67e22″ btn_txt_color=”#ffffff” btn_text=”HTML with Large Text” modal_style=”overlay-doorvertical” overlay_bg_color=”#3498db” overlay_bg_opacity=”80″ content_bg_color=”#ececec” content_text_color=”#505050″ header_bg_color=”#e75353″ header_text_color=”#ffffff”]html

Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

[/ultimate_modal]

[ultimate_heading sub_heading_color=”#505050″ sub_heading_font_family=”font_family:Roboto|font_call:Roboto|variant:300″ sub_heading_style=”font-weight:300;”]Click on buttons above to see just a few possibilities of what could be done with this element.[/ultimate_heading]

Leave a Reply