# How to add a Shadow around Dropdown

**URL:** <https://community.elfsight.com/t/how-to-add-a-shadow-around-dropdown/71492>\
**Category:** Platform Tips\
**Tags:** squarespace\
**Created:** [September 20, 2024, 9:07am UTC](https://community.elfsight.com/t/how-to-add-a-shadow-around-dropdown/71492 "2024-09-20T09:07:01Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![tuanphan](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/tuanphan/32/3165_2.png) [@tuanphan](https://community.elfsight.com/u/tuanphan)\
**Post date:** [September 20, 2024, 9:07am UTC](https://community.elfsight.com/t/how-to-add-a-shadow-around-dropdown/71492/1 "2024-09-20T09:07:01Z")

</div>

You can use this code to **Custom CSS** box to add a shadow around Dropdown on Squarespace.

```auto
 /* space dropdown - title */
.header-nav-folder-content {
    padding-top: 10px !important;
    box-shadow: 0px 1px 3px 4px rgba(0, 0, 0, 0.15);
}

```

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/1/6/168f80220aa89b62167de01edc55cbfb58b6c297.jpeg)

Result

![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/a/f/af009fad3ebbb23cfa2415a7ef9818e61ea7e2ec.png)