How to edit the popup section

There are 5 Popup categories to the DiviPro child theme. which effect you like you need to copy that section and paste it to your page.

The copy, paste module is Divi’s fantastic feature. Sam Munoz wrote a fantastic tutorial about it. You definitely need to check it out if you don’t know how to use this.

After pasting the section please go to the Divi wireframe view ( bottom left side of the Divi visual builder ). Here you will find the popup row. This row contains all popup items. Edit the content here.

If you want to add the another Divi row please make sure you need to add a custom class dizo_popup_form to the CSS CLASS section under the Advanced tab.

Advanced option #

There are 5 popup Categories. All Popup has a different class names

1. Video Popup ( dizo_video_popup )
2. Form Popup ( dizo_popup_form )
3. Map Popup ( dizo_map_popup )
4. Menu Popup (dizo_popup_form_menu)
5. General Purpose (dizo_popup_form_1)

which effects you like you need to copy that section and paste it to your page.

Popup settings: #

Popup Row Container

To enable a popup section you need two things.

1. Button or call to action a clickable item

2. Popup section or row or module

That’s why we create a call to action I mean clickable items like button class

And Popup item class. Below is all class name.

Clickable Button Class.

1. dizo_home_2_icon (for video popup)

2. dizo_popup_button (for form popup)

3. dizo_map_button (for map popup)

4. dizo_popup_button_menu (for menu popup)

5. dizo_popup_button_1 (General purpose)

6. dizo_popup_button_2(General purpose)

7. dizo_popup_button_3(General purpose)

8. dizo_popup_button_4(General purpose)

9. dizo_popup_button_5(General purpose)

Popup Section/Row/Module Class.

1. dizo_video_popup (for video popup)

2. dizo_popup_form (for form popup)

3. dizo_map_popup (for map popup)

4. dizo_popup_form_menu (for menu popup)

5. dizo_popup_form_1 (General purpose)

6. dizo_popup_form_2(General purpose)

7. dizo_popup_form_3(General purpose)

8. dizo_popup_form_4(General purpose)

9. dizo_popup_form_5(General purpose)

Dont’s use the same class twice on a page. Then you will see the twice popup in one click.

Ex: Want to create a video popup.

So

1. Blurb/Button container class name would be: dizo_home_2_icon

2. Popup Section/Row/Module class name would be: dizo_video_popup

Popup Button Container