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.

Note

Disabling image optimization could impact page speed and or performance.

Site Background

To customize your site background:

  1. In the left panel, click Theme, and then click the arrow next to Backgrounds.
  2. Click Default Background.
  3. Click either the Color or Image tab or select a color for the site background or upload an image.
  4. (Optional) Click the Do not optimize this image toggle to prevent optimization (this setting will appear after an image has been selected).

Background Per Page

To customize the background per page:

  1. In the left panel, click Theme, and then click the arrow next to Backgrounds.
  2. Click Background per page.
  3. Select a page from the drop-down menu, and select image or color for the specific page.
  4. (Optional) Click the Do not optimize this image toggle to prevent optimization (this setting will appear after an image has been selected).

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.
  3. (Optional) Click the Do not optimize this image toggle to prevent optimization if a single image is used (this setting will appear after an image has been selected).

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.