Parallax Effect Settings

The parallax effect makes the background image of the blocks move at a slower rate than the foreground. This creates an illusion of depth to the page, giving the content a 3D effect as viewers scroll down.

If you want to surprise your site visitors with an eye-catcher, follow the instructions below.

Important: parallax effect can be added only to the background images.

Parallax effect settings

1. To add a parallax effect to the image background, hover over the needed block and click on the "gear" to access its settings:

2. Navigate to the Background settings and choose the Image option. If you haven't done this yet, Upload an image to the background of your block:

Tip: for further information about adding a background to your site, see the article Adding site's background.

3. After adding the image, scroll down the window and toggle on the option of Scroll effects, then choose Parallax:

4. Publish your website for the changes appear live.

• Related Articles

• 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. ...

• Setting Slides to Autoscroll

  Whether it's a cover slider block or a slider mode in the collections of items, you can enable the auto scroll effect for the slides. Tip: learn more about the slider in the article Adding a slider. Setting slides to auto scroll 1. To open the ...

• Image Hover

  Image hover is the effect which is based on flipping the image when the cursor hovers on it. It creates a great opportunity to add interactivity to elements on your website. With the help of our tools, you can not only add the color overlay or ...

• 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 ...

• 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 ...