> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.weblium.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

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

See the block with the contact form on [the live demo of our Skydiving Website Template](https://skydiving.weblium.site/#contact-form) to preview how you can use the parallax effect on your future site.

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

||| ${color}[#f97700](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:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1056-2_1yfe5vk.png)

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: 

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1058-4_1ks32jo.png)

| ${color}[#1aa900](Tip:) For further information about adding a background to your site, see the [Adding site's background](https://webliumhelp.crisp.help/en-us/article/adding-sites-background-s2l5ek/) article.

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

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1060-3_1d46kk.png)

4. [Publish your website](/en-us/article/publishing-a-site-tgxmch/) for the changes appear live.