# Editing backgrounds

**How to use it:**

Select an element, then go to the tab "💧 Design", then scroll down to the section "Background" and either choose one of our 300+ high-quality background presets or start by clicking "Add a background layer".

Click on the layer preview (a circle) where you can choose the layer type (solid, linear-gradient, radial-gradient, conic-gradient, image, pattern, and noise).

**What you see is what you get.** Drag and adjust color stops directly over the element and easily create stunning gradients.

Hide, re-order, duplicate, blend, or delete layers with ease. It also comes with 80+ charming, pure CSS background patterns.

<figure><img src="https://4099068609-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MRSyVu0mdmCYd_OgGIo%2Fuploads%2FwzzeHbWy3KSJCPhPqq2E%2Fpromo.png?alt=media&#x26;token=198455eb-a42a-4f56-bcff-9ff36c563886" alt=""><figcaption><p>CSS Pro's background editor</p></figcaption></figure>