> Frame your LiveDemo on a solid color, gradient or wallpaper, with padding and blur, for a polished look on your website.

Canonical: https://livedemo.ai/docs/edit-a-livedemo/background/

# Background

Put your screens on a background, like a product shot on a landing page. Open **Custom → Background**, turn the panel on and click **Save** when you're done.

| Setting | Options |
| --- | --- |
| **Background type** | **Solid color** (default), **Gradient** or **Wallpaper** |
| **Color** / **Gradient** | Your color or gradient |
| **Padding (outer demo area)** | 0–120 px, default 24 |
| **Blur (wallpaper)** | 0–24, default 0 |
| **Choose wallpaper** | 6 collections: **Spring**, **Sunset**, **Radiant**, **Energy**, **Iridescent**, **Midnight** |

## Tips

- Use more padding on large embeds and less in narrow blog columns.
- Add a little blur to a busy wallpaper so the screens stand out.
- To hide the browser frame around screenshots, turn on **Remove wrapper** in [Misc settings](https://livedemo.ai/docs/edit-a-livedemo/misc-settings/).

---

Next: [Music](https://livedemo.ai/docs/edit-a-livedemo/music/)