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

# How to change background for a component

### To change background **style ** for a component:

![](https://storage.crisp.chat/users/helpdesk/website/-/7/e/7/8/7e782a40c0560c00/chromectkbxvihs7_euni6z.gif)


1. Edit the Component

2. Scroll to the "Background style" section in the "Style" tab

3. Select any default background color or set new one

4. Save changes


---

---


### To set background **image** for a component:

![](https://storage.crisp.chat/users/helpdesk/website/-/7/e/7/8/7e782a40c0560c00/chromepewcz402qe_quqcot.gif)


1. Edit the Component

2.  Scroll to the "Background image" in the "Style" tab

3. Upload a new photo 

You have two options for adding a new image:
a) Click "Choose a file", then select an image from your device or from cloud storage services like Google Drive, Dropbox, etc.
b) Alternatively, paste the image URL

4. Adjust transparency (if needed)

5. Save changes


---

### To set background **video** for a component:

1. Edit the Component

2. Scroll to the "Background image" Section in the "Style" Tab

3. Select "Video" subtab

4. Enter a direct URL to a video file (must end on '.mp4')

5. Save changes
![](https://storage.crisp.chat/users/helpdesk/website/-/7/e/7/8/7e782a40c0560c00/chromeh3dkr5xsth_4naaag.png)