Loading...
Modal Popup2018-07-30T17:07:50+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!

This Is A Custom Widget

This Sliding Bar can be switched on or off in theme options, and can take any widget you throw at it or even fill it with your custom HTML Code. Its perfect for grabbing the attention of your viewers. Choose between 1, 2, 3 or 4 columns, set the background color, widget divider color, activate transparency, a top border or fully disable it on desktop and mobile.

This Is A Custom Widget

This Sliding Bar can be switched on or off in theme options, and can take any widget you throw at it or even fill it with your custom HTML Code. Its perfect for grabbing the attention of your viewers. Choose between 1, 2, 3 or 4 columns, set the background color, widget divider color, activate transparency, a top border or fully disable it on desktop and mobile.