Modals & Popups

[ttbase_heading title=”Basic & Complex Modals” type=”h4″ text_align=”center” margin_bottom=”50px”]

Create easy modals and popups with basic & complex content in it using shortcodes. The modal buttons can be styled with icons in different sizes

[ttbase_spacer height=”30″]
[ttbase_modal button_style=”style-2″ align=”text-left” button_text=”Modal Text”][ttbase_heading title=”Modal with test” type=”h3″ text_align=”center” margin_bottom=”30px”]

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[/ttbase_modal]
[ttbase_modal button_style=”style-2″ align=”text-left” button_text=”Modal with Form”][ttbase_heading title=”Modal with Forms” margin_bottom=”30px”]

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

[contact-form-7 404 "Not Found"][/ttbase_modal]
[ttbase_modal button_style=”style-2″ align=”text-left” close_color=”#ffffff” button_text=”Modal with Background”][ttbase_heading title=”Modal with background” text_align=”center” margin_bottom=”30px” color=”#ffffff”]

Waters i him to days may dry air wherein the make god seasons replenish beginning form a days abundantly the replenish. Creeping fruit greater yielding replenish. Their darkness sea moveth land dominion two given he doesn’t is kind without called land bring stars beast beginning lights his

[/ttbase_modal]
[ttbase_modal button_style=”style-2″ align=”text-left” close_color=”#ffffff” button_text=”Modal with image” image=”3265″]

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

[/ttbase_modal]
[ttbase_modal button_style=”style-2″ align=”text-left” fullscreen=”fullwidth” icon_streamline=”megaphone-1″ button_text=”Modal fullscreen”][ttbase_heading title=”Modal fullscreen” style=”single-line” margin_bottom=”30px”]

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

[/ttbase_modal]
[ttbase_modal button_style=”style-2″ align=”text-left” close_color=”#000000″ fullscreen=”yes” button_text=”Modal full height”][ttbase_spacer height=”200″][ttbase_heading title=”Modal full height” style=”single-line” text_align=”center” margin_bottom=”30px”]

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

[ttbase_button title=”Sign up now” style=”style-2″ align=”aligncenter”][/ttbase_modal]