<h1 style="margin-top: 0px;">Modal Popup Shortcode</h1>
<p style="font-size: 17px; line-height: 27px; margin-bottom: 0px; margin-top: -15px; text-align: left;">Avada includes an incredible modal popup that can be used to show additional content on a page. It can be triggered by a button, text link or an image. Use any of our other shortcodes inside of it as well. These are perfect for catching your viewers eye and displaying extra content on your site.</p>


 
<h2>Large Modal Sample 1</h2>
Lid est laborum dolo rumes fugats untras. Etha rums ser quidem rerum facilis dolores nemis onis fugats vitaes nemo minima rems uns sadips.


Large Modal Sample 1
 
<h2>Large Modal Sample 2</h2>
Lid est laborum dolo rumes fugats untras. Etha rums ser quidem rerum facilis dolores nemis onis fugats vitaes nemo minima rems uns sadips.


Large Modal Sample 2
 
<h2>Small Modal Sample</h2>
Lid est laborum dolo rumes fugats untras. Etha rums ser quidem rerum facilis dolores nemis onis fugats vitaes nemo minima rems uns sadips.


Small Modal Sample
<p style="font-size: 18px; margin-bottom: 12px; text-align: left;"><span style="color: #333333;"><strong>Custom Options</strong></span></p>
<p style="font-size: 17px; line-height: 27px; margin-bottom: 0px; text-align: left;">Select large or small popup, control background color, border color and show or hide the footer with button</p>


Change Popup Colors
Show or Hide Footer
<p style="font-size: 18px; margin-bottom: 12px;"><span style="color: #333333;"><strong>Complete Set of Options </strong></span></p>
<p style="font-size: 17px; line-height: 27px; margin-bottom: 0px;">Every option and description included with the alert shortcode is listed below.</p>


  • <strong>name</strong> - The <em>unique identifier</em> you give the modal to trigger it via button, text link or image.
  • <strong>title</strong> - The <em>heading title text</em> you want to display.
  • <strong>size</strong> - Can be one of these values: <em>large, </em>or<em> small</em>. Sets the size of the modal.
  • <strong>background</strong> - Accepts a hexcode <em>( #000000 ).</em> Sets the modal's background color. Leave Blank for Theme Option selection.
  • <strong>border_color</strong> - Accepts a hexcode <em>( #000000 ).</em> Sets the modal's border color. Leave Blank for Theme Option selection.
  • <strong>show_footer</strong> - Can be one of these values: <em>yes, </em>or<em> no. </em>This is to show or hide the footer.
  • <strong>class</strong> - Add a <em>custom class</em> to the wrapping HTML element for further css customization.
  • <strong>id</strong> - Add a <em>custom id</em> to the wrapping HTML element for further css customization.
<h1 style="text-align: center;"><span style="color: #ffffff;">Join The 100,000+ Satisfied Avada Users!</span></h1>


 BUY AVADA NOW!