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. Choose a custom background image from the photo gallery or upload your own images to add a unique site design. Your background can be customized per device.
Site Background
To customize your site background:
- In the left panel, click Design, and then click Site Background.
- Click Background for all pages.
- Click either the Color or Image tab or select a color for the site background or upload an image.
Background Per Page
To customize the background per page:
- In the left panel, click Design, and then click Site Background.
- Click Background per page.
- Select a page from the drop-down menu, and select image or color for the specific page.
Images & Content Background
The background of items above the site background can also be changed. These setting can apply to widgets as well as rows.
To edit the background of your content:
- Right-click the widget or row, and click Edit Design.
- Click the Style tab, and, depending on the widget or row, select a background color or image.
For any row or column, you can also add an image slider as a background.
- To create the background image slider, click on the + sign and select multiple images rather than a single image from the image picker.
- Once the slider is created, you can set slide settings such as slide transition style and slide speed from the row design menu:
- Any of the other background image options such as Background Overlay, Positioning, and display style can be applied to the slider.
Video Backgrounds in Rows
In the case of rows, a third option for video backgrounds will be available in addition to images and colors.
Videos can only be displayed on desktop sites, and must be hosted on Vimeo or YouTube.
Video Backgrounds in Columns
Videos are also available in backgrounds for columns as well. To add a video background to a column, click the column, then click the Video tab. Make sure that you have selected the column instead of the row. To check if you have selected the row, you can check the top of the menu, which should say Column Design.