> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.perkzilla.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).

# Adding a Shadow to the Widget Background

# Adding a Shadow to the Widget Background

![](https://storage.crisp.chat/users/helpdesk/website/639fb8328531b400/screen-shot-2022-02-07-at-4143_1ib2k87.png)


To add a shadow box, add this CSS code to the page.

`.pk_container {     box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 3.55%); }`

![](https://storage.crisp.chat/users/helpdesk/website/639fb8328531b400/screen-shot-2022-02-07-at-4110_flndw0.png)

| You can customize the values and colors as desired! [Learn more ](https://css-tricks.com/almanac/properties/b/box-shadow/)