> For the complete documentation index, see [llms.txt](https://documents.risingbamboo.com/wp-botanica/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://documents.risingbamboo.com/wp-botanica/theme-options/modal.md).

# Modal

This section contains advanced configurations for "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&amp;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&amp;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&amp;token=c1aced6d-33e5-4c94-8c63-281b1e58f3e0" alt=""><figcaption></figcaption></figure></div>