> ## 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 add or change a background image to the Header component


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

###  To add a background image to the Header component


1. Edit the Component

2. Scroll to the "Background image" Section 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 change a background image to the Header component


1. Edit the Component

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

3. Remove the current image

4. Upload a new photo 

5. Adjust transparency (if needed)

6. Save changes


---

### To add a background video to the Header 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/7e782a40c0560c00/chromecf2soukvin_b4hdt0.png)