> For the complete documentation index, see [llms.txt](https://aries-theme.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://aries-theme.gitbook.io/docs/theme-settings/dropdown-and-popups.md).

# Dropdown and Popups

Controls the look of dropdowns and pop-ups across your store. This affects navigation dropdowns, pop-up modals, cart pop-ups, and hotspots containers so everything feels consistent and easy to read.

<figure><img src="https://2498163780-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2LxG3rPCoA6sZo7ovFkR%2Fuploads%2FT6zFoqRKsxW5oPoKfiDk%2FCapture%20d'%C3%A9cran%202026-02-19%20204731.png?alt=media&amp;token=c187b83e-ac28-47d7-957c-c5c4c653e684" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}

#### How to set it up

* Go to **Online Store** > **Themes** > **Customize**.
* Open **Theme settings** > **Dropdowns and pop-ups**.
* Make your changes, preview live, then click **Save**.
  {% endhint %}

### Settings

#### Border

* **Thickness**: Sets how bold the border appears. Thicker borders attract attention; thinner looks cleaner.
* **Corner radius**: Rounds the corners. Higher values feel softer; zero is sharp and modern.

#### Quick View and Quick Add

* [**Color scheme**](/docs/theme-settings/colors.md)**:** color scheme for quick view and quick add popups.

***

### **Tips**

* Match Corner radius and Thickness with your buttons and cards for a unified style.
* Use thin borders for a clean look; increase Thickness only when you need stronger emphasis.
* Preview on mobile to ensure borders don’t crowd content.