Modal Settings – Design Tab

The Design tab is primarily used to change the popup styles.

NOTE!!! – Most fields in the modal area will update in real-time in the preview area as you make changes.

1. Use this panel to adjust the styles of the content area.
2. Use this panel to adjust the styles of the image and icon.
3. Use this panel to adjust the popup title styles.
4. Use this panel to adjust the popup description styles.
5. Use this panel to adjust the popup time styles.

 

---

 

 

1. You can enable the Background settings to change them.
2. Add borders to the popup.
3. Add a border radius to the popup.
4. Adjust the padding of the popup.

 

---

 

 

1. When you will enable this option, you will see other background related settings that you can change.

 

---

 

 

1. Adjust the icon color when displayed.
2. Adjust the icon font size.
3. Adjust the image width.
4. Adjust the image height.
5. Add a border radius for your image.

 

---

 

 

1. This option, called Typography, allows you to change the title font and its styles. (Here, you can choose from standard fonts, Google Fonts, and any custom fonts uploaded via Divi (if available))
2. Change the Title Color

 

The same Typography settings are available for Description and Time Panels.