[it_heading heading_style=“style2″ font_weight=““ size=“25″ weight=““ margin_bottom=“40″]Modal Animations[/it_heading]

Modal popup for text content, you can do this by choosing the modal from shortcode features, this will apply a popup for the modal content.

[it_modal mod_btn_text=“Fade in & Scale“ mod_btn_size=“btn-sm“ mod_btn_full_width=“1″ 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“ mod_btn_color=“#ffffff“ mod_btn_bg_color=“#ef2674″ content_background=“#ffffff“ conent_padd_top=“30″ conent_padd_right=“30″ conent_padd_bottom=“30″ conent_padd_left=“30″]

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.

[/it_modal][it_modal modal_anim=“md-effect-2″ mod_btn_text=“Slide in (Right)“ mod_btn_size=“btn-sm“ mod_btn_full_width=“1″ 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“ mod_btn_color=“#ffffff“ mod_btn_bg_color=“#ef2674″][/it_modal][it_modal modal_anim=“md-effect-3″ mod_btn_text=“Slide in (bottom)“ mod_btn_size=“btn-sm“ mod_btn_full_width=“1″ 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“ mod_btn_color=“#ffffff“ mod_btn_bg_color=“#ef2674″ content_background=“#ffffff“ conent_padd_top=“30″ conent_padd_right=“30″ conent_padd_bottom=“30″ conent_padd_left=“30″]

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.

[/it_modal][it_modal modal_anim=“md-effect-4″ mod_btn_text=“Newspaper“ mod_btn_size=“btn-sm“ mod_btn_full_width=“1″ 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“ mod_btn_color=“#ffffff“ mod_btn_bg_color=“#ef2674″ content_background=“#ffffff“ conent_padd_top=“30″ conent_padd_right=“30″ conent_padd_bottom=“30″ conent_padd_left=“30″]

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.

[/it_modal][it_modal modal_anim=“md-effect-5″ mod_btn_text=“FALL“ mod_btn_size=“btn-sm“ mod_btn_full_width=“1″ 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“ mod_btn_color=“#ffffff“ mod_btn_bg_color=“#ef2674″ content_background=“#ffffff“ conent_padd_top=“30″ conent_padd_right=“30″ conent_padd_bottom=“30″ conent_padd_left=“30″]

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.

[/it_modal][it_modal modal_anim=“md-effect-6″ mod_btn_text=“Side Fall“ mod_btn_size=“btn-sm“ mod_btn_full_width=“1″ 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“ mod_btn_color=“#ffffff“ mod_btn_bg_color=“#ef2674″ content_background=“#ffffff“ conent_padd_top=“30″ conent_padd_right=“30″ conent_padd_bottom=“30″ conent_padd_left=“30″]

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.

[/it_modal][it_modal modal_anim=“md-effect-7″ mod_btn_text=“Sticky Up“ mod_btn_size=“btn-sm“ mod_btn_full_width=“1″ 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“ mod_btn_color=“#ffffff“ mod_btn_bg_color=“#ef2674″ content_background=“#ffffff“ conent_padd_top=“30″ conent_padd_right=“30″ conent_padd_bottom=“30″ conent_padd_left=“30″]

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.

[/it_modal][it_modal modal_anim=“md-effect-8″ mod_btn_text=“3D Flip (horizontal)“ mod_btn_size=“btn-sm“ mod_btn_full_width=“1″ 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“ mod_btn_color=“#ffffff“ mod_btn_bg_color=“#ef2674″ content_background=“#ffffff“ conent_padd_top=“30″ conent_padd_right=“30″ conent_padd_bottom=“30″ conent_padd_left=“30″]

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.

[/it_modal][it_modal modal_anim=“md-effect-9″ mod_btn_text=“3D Flip (vertical)“ mod_btn_size=“btn-sm“ mod_btn_full_width=“1″ 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“ mod_btn_color=“#ffffff“ mod_btn_bg_color=“#ef2674″ content_background=“#ffffff“ conent_padd_top=“30″ conent_padd_right=“30″ conent_padd_bottom=“30″ conent_padd_left=“30″]

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.

[/it_modal][it_modal modal_anim=“md-effect-10″ mod_btn_text=“3D Sign“ mod_btn_size=“btn-sm“ mod_btn_full_width=“1″ 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“ mod_btn_color=“#ffffff“ mod_btn_bg_color=“#ef2674″ content_background=“#ffffff“ conent_padd_top=“30″ conent_padd_right=“30″ conent_padd_bottom=“30″ conent_padd_left=“30″]

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.

[/it_modal][it_modal modal_anim=“md-effect-11″ mod_btn_text=“Super Scaled“ mod_btn_size=“btn-sm“ mod_btn_full_width=“1″ 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“ mod_btn_color=“#ffffff“ mod_btn_bg_color=“#ef2674″ content_background=“#ffffff“ conent_padd_top=“30″ conent_padd_right=“30″ conent_padd_bottom=“30″ conent_padd_left=“30″]

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.

[/it_modal][it_modal modal_anim=“md-effect-13″ mod_btn_text=“3D Slit“ mod_btn_size=“btn-sm“ mod_btn_full_width=“1″ 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“ mod_btn_color=“#ffffff“ mod_btn_bg_color=“#ef2674″ content_background=“#ffffff“ conent_padd_top=“30″ conent_padd_right=“30″ conent_padd_bottom=“30″ conent_padd_left=“30″]

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.

[/it_modal][it_modal modal_anim=“md-effect-14″ mod_btn_text=“3D Rotate Bottom“ mod_btn_size=“btn-sm“ mod_btn_full_width=“1″ 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“ mod_btn_color=“#ffffff“ mod_btn_bg_color=“#ef2674″ content_background=“#ffffff“ conent_padd_top=“30″ conent_padd_right=“30″ conent_padd_bottom=“30″ conent_padd_left=“30″]

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.

[/it_modal][it_modal modal_anim=“md-effect-15″ mod_btn_text=“3D Rotate Left“ mod_btn_size=“btn-sm“ mod_btn_full_width=“1″ 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“ mod_btn_color=“#ffffff“ mod_btn_bg_color=“#ef2674″ content_background=“#ffffff“ conent_padd_top=“30″ conent_padd_right=“30″ conent_padd_bottom=“30″ conent_padd_left=“30″]

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.

[/it_modal]
[it_heading heading_style=“simple“ heading_align=“centered“ font_weight=““ weight=““]Find Out What We Present!!![/it_heading][it_modal modal_element=“icon“ icon_align=“center“ icon_shape=“circle“ icon_size=“box-lg-icon“ hover_anim=““ modal_size=“modal-lg“ hide_header=“1″ hide_footer=“1″ icon_fontawesome=“fa fa-play“ icon_color=“#d82950″ conent_padd_top=“0″ conent_padd_right=“0″ conent_padd_bottom=“0″ conent_padd_left=“0″ icon_font_size=“22″ icon_border_width=“4″ icon_border_color=“#d82950″ icon_border_hover_color=“#d82950″ icon_param=“stline-arrow-button-right-2″]
[/it_modal]
[it_heading heading_style=“simple“ heading_align=“centered“ font_weight=““ weight=““]Find Out What We Present!!![/it_heading][it_modal modal_element=“icon“ icon_align=“center“ icon_shape=“circle“ icon_size=“box-lg-icon“ hover_anim=“zoomin“ modal_size=“modal-lg“ hide_header=“1″ hide_footer=“1″ icon_fontawesome=“fa fa-play“ icon_color=“#ffffff“ conent_padd_top=“0″ conent_padd_right=“0″ conent_padd_bottom=“0″ conent_padd_left=“0″ icon_font_size=“22″ icon_bg_color=“#dd9933″ icon_border_width=“4″ icon_border_color=“#dd9933″ icon_border_hover_color=“#dd9933″ icon_param=“stline-arrow-button-right-2″ icon_hover_color=“#dd9933″ icon_bg_hover_color=“rgba(255,255,255,0.01)“]
[/it_modal]
[it_heading heading_style=“simple“ heading_align=“centered“ font_weight=““ weight=““ margin_bottom=“40″]Youtube Video Modal[/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 modal_element=“icon“ icon_align=“center“ icon_shape=“circle“ icon_size=“box-lg-icon“ hover_anim=“mod-outline-out“ hide_header=“1″ hide_footer=“1″ icon_fontawesome=“fa fa-heart-o“ 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“ conent_padd_top=“0″ conent_padd_right=“0″ conent_padd_bottom=“0″ conent_padd_left=“0″ icon_font_size=“22″ icon_color=“#ffffff“ icon_border_color=“#ffffff“ icon_border_width=“4″ icon_param=“stline-controls-play“]
[/it_modal]
[it_heading heading_style=“style2″ heading_align=“centered“ font_weight=““ weight=““ margin_bottom=“40″]Modal On Image[/it_heading]
[it_modal modal_element=“mod_image“ image=“3609″ img_size=“blog-small-image“ modal_type=“image“ hide_header=“1″ hide_footer=“1″ conent_padd_top=“0″ conent_padd_right=“0″ conent_padd_bottom=“0″ conent_padd_left=“0″]
[/it_modal]
[it_modal modal_element=“mod_image“ image=“3611″ img_size=“blog-small-image“ modal_type=“image“ hide_header=“1″ hide_footer=“1″ conent_padd_top=“0″ conent_padd_right=“0″ conent_padd_bottom=“0″ conent_padd_left=“0″]
[/it_modal]
[it_modal modal_element=“mod_image“ image=“3613″ img_size=“blog-small-image“ modal_type=“image“ hide_header=“1″ hide_footer=“1″ conent_padd_top=“0″ conent_padd_right=“0″ conent_padd_bottom=“0″ conent_padd_left=“0″]
[/it_modal]