Modal

[vc_row][vc_column offset= »vc_col-lg-offset-1 vc_col-lg-10″][vc_row_inner][vc_column_inner width= »1/2″][ete_vc_modal title= »Headline » type= »image » panel= »uk-panel uk-panel-box » image= »160″ img_size= »top_slider » modal_id= »1475479249644-10fd4f8c-651a »]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/ete_vc_modal][/vc_column_inner][vc_column_inner width= »1/2″ offset= »vc_col-lg-offset-1 vc_col-lg-5″][vc_custom_heading text= »Modal Dialog » use_theme_fonts= »yes »][vc_column_text]Behaviour we improving at something to. Evil true high lady roof men had open. To projection considered it precaution an melancholy or. Wound young you thing worse along being ham. Dissimilar of favourable solicitude if sympathize middletons at. Forfeited up if disposing perfectly in an eagerness perceived necessary. Belonging sir curiosity discovery extremity yet forfeited prevailed own off. Travelling by introduced of mr terminated. Knew as miss my high hope quit. In curiosity shameless dependent knowledge up.Am terminated it excellence invitation projection as.[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_empty_space height= »40px »][vc_row_inner][vc_column_inner offset= »vc_col-lg-offset-1 vc_col-lg-10″][vc_custom_heading text= »Create modal dialogs with different styles. » font_container= »tag:h2|text_align:center » use_theme_fonts= »yes » el_class= »uk-h1″][ete_vc_introtext]Besides normal Modal Dialog, which will be opened with the click on the image or buttons. You can make Modal Dialog showcase immediately after page load or with some delay, which can also be edited in the shortcode settings.[/ete_vc_introtext][vc_empty_space height= »40px »][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width= »1/2″ panel= »uk-panel uk-panel-box uk-panel-box-primary » panel_title= »Modal caption »][vc_column_text]

You can also create a caption that will be placed outside the modal.

[/vc_column_text][ete_vc_modal title= »Headline » caption= »Caption » modal_id= »1475490448224-a3e21aca-bae0″ link_text= »Open Modal »]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/ete_vc_modal][/vc_column_inner][vc_column_inner width= »1/2″ panel= »uk-panel uk-panel-box uk-panel-box-primary » panel_title= »Large dialog »][vc_column_text]

You can easily change the size of the container width in a modal dialog.

[/vc_column_text][ete_vc_modal title= »Headline » size= »uk-modal-dialog-large » modal_id= »1475494039821-61267e06-d9a8″ link_text= »Open Modal »]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/ete_vc_modal][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width= »1/2″ panel= »uk-panel uk-panel-box uk-panel-box-primary » panel_title= »Overflow Container »][vc_column_text]

You can also display the modal’s content in a scrollable container. The modal will automatically expand and fill the site’s height.

[/vc_column_text][ete_vc_modal title= »Headline » size= »uk-modal-dialog-large » modal_id= »1475490889170-83b20847-0378″ link_text= »Open Modal »]

Some text above the scrollable box

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Overflow container

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Some text below the overflow container

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/ete_vc_modal][/vc_column_inner][vc_column_inner width= »1/2″ panel= »uk-panel uk-panel-box uk-panel-box-primary » panel_title= »Modal blank »][vc_column_text]

You can to create a fullscreen modal. In that case modal extends to full viewport height.

[/vc_column_text][ete_vc_modal title= »How to Get Started
on Your Self-Love Journey » title_align= »uk-text-center » size= »uk-modal-dialog-blank » cover= »759″ modal_id= »1475495142357-c41a8799-8b58″ link_text= »Open Modal »]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis malesuada turpis. In non nibh vitae mi hendrerit eleifend eu eget lorem. Sed efficitur egestas efficitur. Fusce fermentum placerat sollicitudin.

Dor sit amet, consectetur adipiscing elit. Integer quis malesuada turpis. In non nibh vitae mi hendrerit eleifend eu eget lorem. Sed efficitur egestas efficitur. Fusce fermentum placerat sollicitudin. Quisque sollicitudin elit sit amet tincidunt dictum. Ut in lorem maximus, sodales sem eu, volutpat lorem. Maecenas volutpat laoreet orci non rhoncus. Nulla facilisi. Vestibulum laoreet porttitor metus eget consectetur.

Quisque accumsan cursus urna id ultrices. Pellentesque pellentesque ipsum lectus, at laoreet lectus rutrum et. Etiam odio velit, laoreet sit amet ligula sed, blandit ullamcorper leo. Praesent efficitur lacinia nulla a lacinia. Sed ultrices ante augue, eu vulputate velit mattis sed. Vestibulum tincidunt eros sagittis sem fringilla, eget dapibus nunc fermentum. Pellentesque cursus, tortor sed sollicitudin auctor, mi urna eleifend turpis, ut dignissim libero ipsum aliquam risus. Proin sed porta nunc, sit amet efficitur velit. Integer suscipit malesuada nisi, a fringilla purus.

[/ete_vc_modal][/vc_column_inner][/vc_row_inner][ete_vc_modal title= »Motivate new users to leave their E-mail » title_align= »uk-text-center » bgclose= »false » type= »auto » modal_id= »1475505228104-17f202ea-1ec7″ delay= »3″]

 They will want to know what information they will be receiving. So, give them a short brief about that.

{subscription_form}

[/ete_vc_modal][/vc_column][/vc_row]