Adding site's background

A good background creates the tone for the website and complements the content. On SiteCliq, you can add an image, a video or a color to the site’s background, and easily adjust it to your needs.

Follow the steps below to add a site's background.

Important: Bear in mind that you can't add a single background to the whole site. The background should be added to each block on the page.

Adding site's background

1. For that, hover over the block and access its settings by clicking on the "gear":

2. In the new window navigate to the Background tab, then choose one of the three options — Color, Image, or Video:

Adding a color background

Color option allows you to add a solid color or a gradient to the background.

1. Once you enable this option, choose a color from the current site style pallette:

Tip: Learn how you can adjust site's color palette in the article Changing text color.

2. To select the custom color for the background, click on the "fill" icon and choose the relevant color. You can also adjust the opacity with the toggle to the right of the palette:

3. If you select the custom gradient, you will be able to choose the first and the final colors as well as the angle to define the direction of the gradient:

Adding an image background

By choosing the Image option, you can upload your own images to the block's background or select the one from the stocked images.

1. Click Upload to choose the image from your device. If you want to browse our stocked imaged from the Unsplash platform or choose already added images on your site, click on the Gallery button:

2. When you set a photo as a background, you will see more customization options — e.g., applying filter or color correction:

Tip: See more detailed information about the Parallax scroll effect in the article Parallax effect settings.

3. Click on the Positioning settings to change the scaling of the image and the focal point for the mobile devices:

Adding a video background

As a video background you can add only videos from Youtube or Vimeo platforms.

Tip: YouTube Shorts videos are not supported, so you will need to replace the shorts/ part with the watch?v= part in the link to convert it to the standard format.

1. For that, enter the relevant link to the video in the following field:

Tip: The background video will remain static in the editor to increase the loading speed. The video will be shown as usual on published site.

2. After the video is added, you can go ahead and adjust the color overlay to match it to the site colors:

Note: The video background is muted automatically to provide the best user experience for the site's visitors.

Don't forget to publish your site​ for the changes to appear live.

• Related Articles

• Setting Focal Point For a Background Image

  Sites on SiteCliq are automatically adapted to different screen sizes. However, you can manually choose a focal point for the background images to ensure that they look good on PCs, mobiles and tablets. Focal point helps you select the center of the ...

• Adding Images

  Adding images to the site is an excellent way to illustrate what your page is about and attract the customers' attention to your company. With the help of our editor, you can add a picture to almost any of the ready-made blocks. Before you begin, we ...

• Adding a slider

  Some blocks on our platform contain a slider allowing you to display images in a carousel where they change manually or automatically. You can add a ready-made slider to your website or enable this mode in existing blocks with a collection. Adding a ...

• Adding a GIF

  A GIF is an image file format commonly used for images on the web and sprites in software programs. In simple words, GIFs are a series of images or soundless video that loops continuously and doesn't require anyone to press play. Learn how to insert ...

• Adding a Before/ After Gallery

  If you want to showcase the changes by comparing 2 images, the Before/ After gallery will be a perfect solution. This functionality suits best for dentistry, beauty industry, construction and interior design companies, etc. The site visitors can pull ...