Discover how to personalize your content space to reflect your unique style and preferences! You can personalize two types of backgrounds: on the whole experience (overall) or page level.
Page Level: Background Video
Step 1
Click the "Studio" button in the top right corner.
.png)
Step 2
Click the "AI Background" button to upload a video.
.png)
Step 3
You can upload a video using the "Upload video" button or choose one from the RELAYTO options below.
.png)
Step 4
After adding a video, you can also customize:
- Overlay. Click here to add a color overlay above the video. You can choose the color and opacity on the selector on the side.
- Fill. Here, you can choose how the video will be displayed on the screen, taking all blank space or just the page size.
.png)
Page Level: Background Color
You can also add color, instead of a video. Click the "Slide surrounding color" button and adjust color and opacity on the color selector.
.png)
Overall: Background Video
Step 1
Click the "Settings" button in the top right corner.
.png)
Step 2
Click the "AI Background" option.
.png)
Step 3
Click "All pages" tab.
We also have two states for backgrounds on AI Background:
- 1st page. Similar to page level background, you can add only videos to the first page of the experience. Control overlay color, opacity and enable/disable the Fill Screen option.
- All pages. This is will appear as an overall background, behind the document. You can choose between Video or Image type, and you can add an overlay too.
.png)
Step 4
Click "Upload Video" or choose one from the RELAYTO section.
We recommend a video size of less than 5MB for optimal performance.
Click here to access RELAYTO Best Performance Guide.
.png)
Overall: Background Image
Step 1
In the All Pages tab, click Type and choose "Image".
.png)
Step 2
Click "Upload Image" to add an image.
.png)
Step 3
You can enable/disable Overlay option to add/remove an overlay color above the image.
.png)
Overall: Background Color
Step 1
In the All Pages tab, Click Type and choose "Color".
.png)
Step 2
Click Background Color wheel to add a surrounding color for the whole experience.
.png)
Related Articles:
- How to Change Your Content's Basic Information
- How to Update Your Experience
- How to Add Images and Videos
Thank you for joining us in this tutorial! If you have any questions or need help, feel free to email us at [email protected] or book a call here.