# Working with Backgrounds

### Adding Background Color

1. Click on any element in the Canvas
2. Click on the Appearance icon from blue highlighted the toolbar
3. This will open the Appearance panel on the left
4. Under Customize Background -> Change the background color 
5. **Your're done.**

{% embed url="<https://cdn.gridbox.io/assets/sites/edit-style.mp4>" %}
Customize Background Color
{% endembed %}

### Adding Background Images&#x20;

1. Click on any element in the Canvas
2. Click on the Appearance icon from blue highlighted the toolbar
3. This will open the Appearance panel on the left
4. Under Customize Background -> Background  **+** -> Click on the plus icon -> Edit Layer
5. Then click on Images
6. You can either upload & use your own images or use copyright free HQ images from [Pexels.com](https://www.pexels.com)
7. **Your're done.**

<figure><img src="https://1993588132-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgj45dJ-t6Yc2Yz_AG3%2Fuploads%2FLVCZSGyEKNA7S3SlIsuo%2Fadding-bg-images.gif?alt=media&#x26;token=cfe7fb8f-81fc-4e16-a319-797827e0dee1" alt=""><figcaption><p>Adding background images</p></figcaption></figure>

### Adding Background Gradients

1. Click on any element in the Canvas
2. Click on the Appearance icon from blue highlighted the toolbar
3. This will open the Appearance panel on the left
4. Under Customize Background -> Background  **+** -> Click on the plus icon -> Edit Layer
5. Then click on Images
6. Under Gradients Tab -> Choose any pre-built gradient colors or create new one&#x20;
7. **Your're done.**

<figure><img src="https://1993588132-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgj45dJ-t6Yc2Yz_AG3%2Fuploads%2F9h5UoN0nayq66Lyh8MTd%2Fadding-bg-gradients.gif?alt=media&#x26;token=c8562d9c-b2c5-448e-b79b-1f74ba9afb5b" alt=""><figcaption><p>Adding Background Gradients</p></figcaption></figure>