Modal Popup

[it_heading heading_style=”simple”]Gallery Popup Window[/it_heading]

In this modal popup you can add the Gallery Images and then you can navigate between them within this modal content.

[it_modal button_size=”lg” block_btn=”1″ size=”lg” shape=”round” color=”turquoise” button_text=”Open Modal” modal_title=”Gallery Popup Window” close_button_text=”Close” el_class=”m-t-3″][it_camera_slideshow height=”400px” align=”center” pagination=”1″ navigation=”1″][it_camera_slide image=”13177″][it_camera_slide image=”13188″][it_camera_slide image=”13190″][it_camera_slide image=”13198″][/it_camera_slideshow][/it_modal]
[it_heading heading_style=”simple”]Google Map Popup Window[/it_heading]

In this modal popup you can add the login form and then perform your login functionality code within this modal content.

[it_modal button_size=”lg” block_btn=”1″ size=”lg” shape=”round” color=”turquoise” button_text=”Open Modal” modal_title=”Google Map Popup Window” close_button_text=”Close” el_class=”m-t-3″][it_gmap gmap_height=”400px” gmap_latitude=”-2.206″ gmap_longitude=”-79.897″ gmap_address=”Guayaquil, Ecuador” gmap_key=”AIzaSyDS0xMdE2r-3TK8_XKlDrLXA1Of08InVhA”][/it_modal]
[it_divider divider_class=”wide” icon_fontawesome=”fa fa-heart-o” icon_align=”center”]
[it_heading heading_style=”simple”]Large Popup Window[/it_heading]

Large modal popup for extra large content, you can do this by choosing the large modal size from shortcode features, this will apply a wider larger popup style for the modal content.

[it_modal modal_style=”success” modal_size=”modal-lg” button_size=”lg” block_btn=”1″ size=”lg” shape=”round” color=”turquoise” button_text=”Open Modal” modal_title=”Large Popup Window” close_button_text=”Close” el_class=”m-t-3″]

Text in a modal

Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Overflowing text to show scroll behavior

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.

[/it_modal]
[it_heading heading_style=”simple”]Small Popup Window[/it_heading]

Large modal popup for extra small content, you can do this by choosing the small modal size from shortcode features, this will apply a wider smaller  popup style for the modal content.

[it_modal modal_size=”modal-sm” button_size=”lg” block_btn=”1″ size=”lg” shape=”round” color=”turquoise” button_text=”Open Modal” modal_title=”Small Popup Window” close_button_text=”Close” el_class=”m-t-3″]

Mauris in quam tristique, dignissim urna in, molestie felis. Fusce tristique, elit nec vehicula imperdiet, eros est egestas odio, at aliquet elit nulla sed massa.

[/it_modal]
[it_divider divider_class=”wide” icon_fontawesome=”fa fa-heart-o” icon_align=”center”]
[it_heading heading_style=”simple”]Youtube Video Popup Window[/it_heading]

Youtube video modal popup has some setup to be done, add the modal shortcode, then add a new video shortcode inside it and add the video URL Ex: http://www.youtube.com/embed/loFtozxZG0s", this will add the link to the youtube video iframe source.

[it_modal button_size=”lg” block_btn=”1″ size=”lg” shape=”round” color=”turquoise” button_text=”Open Modal” modal_title=”Youtube Video Popup Window” close_button_text=”Close” el_class=”m-t-3″]
[/it_modal]
[it_heading heading_style=”simple”]Vimeo Video Popup Window[/it_heading]

Vimeo video modal popup has some setup to be done, add the modal shortcode, then add a new video shortcode inside it and add the video URL Ex: “//player.vimeo.com/video/71876963", this will add the link to the Vimeo video iframe source.

[it_modal button_size=”lg” block_btn=”1″ size=”lg” shape=”round” color=”turquoise” button_text=”Open Modal” modal_title=”Vimeo Video Popup Window” close_button_text=”Close” el_class=”m-t-3″]
[/it_modal]
[it_heading heading_align=”centered” sub_weight=”” gfont=”” sgfont=””]Modal Popup Shortcode Settings[/it_heading]
[it_divider divider_class=”wide” icon_align=”center”]