Customize Background

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:

  1. In the left panel, click Design, and then click Site Background.
  2. Click Background for all pages.
  3. 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:

  1. In the left panel, click Design, and then click Site Background.
  2. Click Background per page.
  3. 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:

  1. Right-click the widget or row, and click Edit Design.
  2. 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.

  1. To create the background image slider, click on the + sign and select multiple images rather than a single image from the image picker.
  2. Once the slider is created, you can set slide settings such as slide transition style and slide speed from the row design menu:
  3. 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.

Note

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.

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.

Was this article helpful?
0 out of 0 found this helpful

Feedback on this article

0 comments

Please sign in to leave a comment.

×

Please Log in as a Pro

Priority Phone Support is available exclusively to Pros. Log in to your Pro account now to see our international support numbers.

Log In
Not a Pro? Purchase a Pro plan!