Customize the background of your site by selecting a color or image; match the theme of your business by using eye-catching and creative backgrounds and more with the background customization options within your Cloudbeds Websites Builder.
Website backgrounds can be also customized per device.
Customize Background
- In the left panel, click Theme
- Click the arrow next to Backgrounds
- Click Default Background
- Click either the Color or Image tab or select a color for the site background or upload an image
Leave “Do not optimize this image” unchecked, as disabling image optimization could impact page speed and or performance.
- In the left panel, click Theme
- Click the arrow next to Backgrounds
- Click Background per page
- Select a page from the drop-down menu, and select image or color for the specific page.
(Optional) Click the Do not optimize this image toggle to prevent optimization (this setting will appear after an image has been selected).
- Right-click on the row to be edited, and select Edit Design
- In the Style tab, go to Background > Image to select the corresponding images
- After selecting multiple images in the image picker, click Done.
- Once the slider is created, select a Slide transition from the drop-down menu, and move the slider to select a Slide speed (seconds)
- Background image sliders can be added to any column as well.
- Any of the other background image options such as Background Overlay, Positioning, and display style can be applied to the slider.
Use Video Backgrounds to quickly add a video as a site background. Video backgrounds can catch a visitor's eye with moving content and add a stylish modern look to any site.
All YouTube background videos display the video title and uploader before the video starts on load. There is no way to remove these items without manually changing the CSS. Due to this change, YouTube videos are not recommended for background video.
To add a video background to your site, obtain the YouTube, Vimeo or Dailymotion URL you want to use. Then, right-click the row or column you would like to add this background to, then click Edit Design.
- Go to the Style tab
- Click on Video. You have the following options:
- Click to Select the video to upload. You can upload up to 200MB in all formats. You can upload video from your device, Facebook, Instagram, Dropbox, Google Drive or record a video using your webcam.
- Paste the URL of the video you would like to use into the YouTube, Vimeo or Dailymotion URL textbox.
- YouTube videos are not supported on mobile as they do not auto-play on iOS devices.
- iPhones with a battery on low power mode will not auto-play videos on a site, and instead will show a play button.
- Background videos will not play sound.
- Videos can take time and bandwidth to load, and can distract users from important links or text on your page, so use videos sparingly.
- Consider reducing the opacity of the video background to make the effect more subtle.
- When adding a Dailymotion video that is part of a playlist, make sure to only add the direct link to the video (and omit the playlist parameter, which looks something like this:?playlist=x1x2f3). If your video’s URL has this parameter, just remove it. For example: https://www.dailymotion.com/video/x60ktex?playlist=x5x6f2 would be https://www.dailymotion.com/video/x60ktex
Comments
Please sign in to leave a comment.