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.
Custom Options
Select large or small popup, control background color, border color and show or hide the footer with button
Complete Set of Options
Every option and description included with the alert shortcode is listed below.
[fusion_checklist icon=”fa-check” iconcolor=”#333333″ circle=”no” circlecolor=”” size=”small” class=”” id=””][fusion_li_item icon=””]name – The unique identifier you give the modal to trigger it via button, text link or image.[/fusion_li_item][fusion_li_item icon=””]title – The heading title text you want to display.[/fusion_li_item][fusion_li_item icon=””]size – Can be one of these values: large, or small. Sets the size of the modal.[/fusion_li_item][fusion_li_item icon=””]background – Accepts a hexcode ( #000000 ). Sets the modal’s background color. Leave Blank for Theme Option selection.[/fusion_li_item][/fusion_checklist]
[fusion_checklist icon=”fa-check” iconcolor=”#333333″ circle=”no” circlecolor=”” size=”small” class=”” id=””][fusion_li_item icon=””]border_color – Accepts a hexcode ( #000000 ). Sets the modal’s border color. Leave Blank for Theme Option selection.[/fusion_li_item][fusion_li_item icon=””]show_footer – Can be one of these values: yes, or no. This is to show or hide the footer.[/fusion_li_item][fusion_li_item icon=””]class – Add a custom class to the wrapping HTML element for further css customization.[/fusion_li_item][fusion_li_item icon=””]id – Add a custom id to the wrapping HTML element for further css customization.[/fusion_li_item][/fusion_checklist]
