> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.poptin.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to add a border or a shadow to your poptin's fields?


1. Click on the drop down icon next to the popup where you want to add a shadow or a border, there click on the **"Edit Design"** option.

![](https://storage.crisp.chat/users/helpdesk/website/7a34af3b43dae400/download-2-1_1b8hz9m.png)

2. Select your input fields. You should see edit options. Click on a **"Expand"** button which will show up more edit buttons.

![](https://storage.crisp.chat/users/helpdesk/website/7a34af3b43dae400/screenshot-2024-08-01-at-31131_2mge2m.png)

3. Right now, you should see all the edit options including shadow and borders. Let's start with the shadow one. Please, click on the second button in the second row.

![](https://storage.crisp.chat/users/helpdesk/website/7a34af3b43dae400/screenshot-2024-08-01-at-31231_1r5w3ay.png)

4. After clicking on it, you can finally choose a design of the shadow - its opacity, color and etc.

![](https://storage.crisp.chat/users/helpdesk/website/7a34af3b43dae400/screenshot-2024-08-01-at-31333_1qw2vso.png)

5. Now we are getting to borders. You can open borders design by clicking on the fourth icon.

![](https://storage.crisp.chat/users/helpdesk/website/7a34af3b43dae400/screenshot-2024-08-01-at-31443_1grk83w.png)

6. You can choose the style of the border, its width, and its color as well.

![](https://storage.crisp.chat/users/helpdesk/website/7a34af3b43dae400/screenshot-2024-08-01-at-31537_b2nq9f.png)

7. Don't forget to save your changes by clicking on "Publish changes" button.

If it is your first poptin, you will need to click on the "next " button and after editing your poptin's "display rules", you will be able to publish it all.