HEA Modal

HEA Modal

Refer to the documentation below to get a detailed guide on how to use the Modal widget effectively.

Step-1:

Open Elementor Editor Search for “Modal” in the Elementor panel, drag the “Modal” widget to a container on your page.

Step-2:

In the “Modal Setting” option, choose the source of modal first. Write your modal title in the “Modal Title” option. Adjust toggle button alignment. In the “Button Text” option, write the title of button. Upload your icon in the “Icon” option or upload form icon library. Choose the position of the icon according to your need before or after. Also you can upload icon for the close button. 

Step-3:

If you choose the “Source” Dynamic, tap on the modal button.

Step-4:

Hover on the popup and hit on “Edit Content”.

Step-5:

Place your content in the widget area popup. After placing hit the publish button and close popup.

Step-6:

Your content will be show on popup when user tap on “Modal” button.

Step-7:

If you choose the “Source” Template, go to WordPress Dashboard, then navigate to Huda> Huda Template.  Click on the “Add New Template” button at the top of the page.

Step-8:

Add Your Title of the template and Publish.

Step-9:

Now go to elementor editor in the “Select Template” choose your template.

Step-10:

Customize the Modal style from the “Style” section.