Upcoming Events

  1. Brock, TX | November 10-12, 2017

    November 10 @ 9:00 am - November 12 @ 5:00 pm UTC+0
  2. Host a Clinic

    January 15, 2018
Modal Popup 2017-01-10T06:29:04+00:00

Modal Popup Shortcode

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.

shortcodes

Large Modal Sample 1

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
shortcodes

Large Modal Sample 2

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
shortcodes

Small Modal Sample

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

Custom Options

Select large or small popup, control background color, border color and show or hide the footer with button

Change Popup Colors
Show or Hide Footer

Complete Set of Options

Every option and description included with the alert shortcode is listed below.

  • name – The unique identifier you give the modal to trigger it via button, text link or image.
  • title – The heading title text you want to display.
  • size – Can be one of these values: large, or small. Sets the size of the modal.
  • background – Accepts a hexcode ( #000000 ). Sets the modal’s background color. Leave Blank for Theme Option selection.
  • border_color – Accepts a hexcode ( #000000 ). Sets the modal’s border color. Leave Blank for Theme Option selection.
  • show_footer – Can be one of these values: yes, or no. This is to show or hide the footer.
  • class – Add a custom class to the wrapping HTML element for further css customization.
  • id – Add a custom id to the wrapping HTML element for further css customization.

Join The 100,000+ Satisfied Avada Users!

BUY AVADA NOW!