# Modal Popup

- Link: https://www.solmesz.com/modals
- Published: 2014-09-04T18:53:14-03:00
- Author: Sol Mesz

# 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](data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%
2Fsvg%27%20width%3D%27700%27%20height%3D%27400%27%20viewBox%3D%270%200%20700%20400%
27%3E%3Crect%20width%3D%27700%27%20height%3D%27400%27%20fill-opacity%3D%220%22%2F%
3E%3C%2Fsvg%3E "blog_5")

## 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](https://www.solmesz.com/modals#)

![shortcodes](data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%
2Fsvg%27%20width%3D%27700%27%20height%3D%27400%27%20viewBox%3D%270%200%20700%20400%
27%3E%3Crect%20width%3D%27700%27%20height%3D%27400%27%20fill-opacity%3D%220%22%2F%
3E%3C%2Fsvg%3E "blog_5")

## 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](https://www.solmesz.com/modals#)

![shortcodes](data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%
2Fsvg%27%20width%3D%27700%27%20height%3D%27400%27%20viewBox%3D%270%200%20700%20400%
27%3E%3Crect%20width%3D%27700%27%20height%3D%27400%27%20fill-opacity%3D%220%22%2F%
3E%3C%2Fsvg%3E "blog_5")

## 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](https://www.solmesz.com/modals#)

**Custom Options**

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

[Change Popup Colors](https://www.solmesz.com/modals#)

[Show or Hide Footer](https://www.solmesz.com/modals#)

**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!](http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion)