# Modal

Moda is a setting that allows you to customize popup styles such as **Newsletter Popup**, **Quick View Popup**, **Cart Canvas**, and **Login/Register Popup**.

{% hint style="info" %}
From the **WP Customize Panel**, go to <mark style="color:green;">**Components**</mark> → <mark style="color:green;">**Modal.**</mark>&#x20;
{% endhint %}

You are able to change:

* Background Color
* Background Opacity
* Effect
* Click outside to close
* "ESC" to close

<div align="left"><figure><img src="https://2433441988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6hZrhlnstiFKDurAWp2p%2Fuploads%2FQXCiMVU6KDYZwokq1bk5%2FScreen%20Recording%202023-10-26%20at%2014.55.04.gif?alt=media&#x26;token=bd8e094d-2af2-445b-a972-1279c9880b24" alt=""><figcaption></figcaption></figure> <figure><img src="https://2433441988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6hZrhlnstiFKDurAWp2p%2Fuploads%2FAie3mp632PxhpGCGDhtP%2Feffect.png?alt=media&#x26;token=6799e4a0-60be-4702-83f7-e53eee42ee3b" alt=""><figcaption><p>Effect List</p></figcaption></figure></div>

<div align="left"><figure><img src="https://2433441988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6hZrhlnstiFKDurAWp2p%2Fuploads%2FDAQVn2tdOvZW4i5ey2uK%2Fmoda.png?alt=media&#x26;token=c1aced6d-33e5-4c94-8c63-281b1e58f3e0" alt=""><figcaption></figcaption></figure></div>