These come from the Bootstrap modal javascript component.
Small Popup Medium Popup large Popup
These come from the Bootstrap modal javascript component.
Click me to see a popup[popup text="Click me to see a popup" header="Title of popup" animate="false"] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut ad minim veniam. [/popup]
This popup will animate in
[popup color="red" text="This popup will animate in" header="Title of popup" animate="true"] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut ad minim veniam. [/popup]
As a text link
[popup text="As a text link" color="link" icon_before="envelope" header="Contact Us" animate="true"] This popup has a contact form inserted via Contact Form 7's shortcode. [contact-form 1] [/popup]
Options
| Argument | Default | Description |
|---|---|---|
| text (required) | None | Text of button to popup. |
| title | None | Title tag of button to popup, will default to $text if left blank. |
| color | default | Color of button to popup (view button colors). |
| icon_before | None | Icon before text of button to popup (view icons). Ex: arrow-right, chevron-right, twitter, etc. Note: Do not prefix icon ID with fa-. |
| icon_after | None | Icon after text of button to popup (view icons). Ex: arrow-right, chevron-right, twitter, etc. Note: Do not prefix icon ID with fa-. |
| size | default | Size of button – mini, small, default, large. |
| animate | false | Whether popup slides in or not – true, false. |
| header | None | Header text for popup. |
| popup_size | medium | The size of the popup window. |