---
title: "How to Add Background Image Scrolling Effect in Elementor?"
url: https://theplusaddons.com/docs/add-background-image-scrolling-effect-in-elementor/
date: 2025-01-10
modified: 2026-04-09
author: "Aditya Sharma"
description: "Do you want to add a background image scrolling effect in Elementor? This effect allows the background images to move at a different speed than the rest of the page,..."
image: https://theplusaddons.com/wp-content/uploads/2025/01/How-to-Add-Background-Image-Scrolling-Effect-in-Elementor_-1024x536.jpg
word_count: 340
---

# How to Add Background Image Scrolling Effect in Elementor?

## Key Takeaways

- The Plus Addons for Elementor Row Background widget allows users to add a background image scrolling effect to a container or section.
- Users enable the Scroll Parallax toggle in the Row Background widget to create a dynamic scrolling effect with background images.
- The widget provides options to set initial and final positions of image items for enhanced scrolling effects.

Do you want to add a background image scrolling effect in Elementor? This effect allows the background images to move at a different speed than the rest of the page, creating a visually appealing and dynamic effect.

With the Row Background widget from The Plus Addons for Elementor, you can add a background image scrolling effect to a container or section in Elementor.

*To check the complete feature overview documentation of The Plus Addons for Elementor Row Background widget,* [click here](https://theplusaddons.com/docs//create-a-multi-layer-elementor-background/).

***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/row-background/)

To do this, add the Row Background widget to the container or section you want to add the background image scrolling effect and follow the steps -

> *Note: In the Row Background widget, there are multiple ways you can create this effect, we are just using one of the ways.*

1. Select **Creative Background Image** from the **Select Option** dropdown, under the **Deep Layer** tab.

![](https://theplusaddons.com/wp-content/uploads/2025/01/row-background-image-scrolling-1.gif)

2. Then add a background image in the **Background Image** section.

3. After that enable the **Scroll Parallax** toggle.

4. Then in the **Middle Layer** tab, select **Modern Image Effect** from the **Select Option** dropdown. 

5. Open the repeater item, and add your image in the **Upload Image** section.

6. Then position the image as per your requirements. Let’s set the position to **Right (Auto / %): 5**, **Top (Auto / %): 15** and **Width** to **350**.

7. Then enable the **Magic Scroll** toggle.

8. After that click on the pencil icon in the **Scroll Options** section to enable the scrolling offset and duration. Adjust the values as per your requirements.

9. Then from the **Initial** and **Final** tabs, you can set the initial and final position of the image item to create a more dynamic scrolling effect.

Similarly, you can add more image items with scrolling effects by clicking on the **+Add Item** button.

This is how you can create a beautiful background image scrolling effect.

## Frequently Asked Questions

**Q: What do I need before starting to add a background image scrolling effect in Elementor?**
A: You must have The Plus Addons for Elementor installed and activated to use the Row Background widget. This widget is essential for applying the background image scrolling effect to a container or section in Elementor.

**Q: What if the background image scrolling effect isn't working?**
A: If the scrolling effect isn't functioning, ensure that the Scroll Parallax toggle is enabled in the Row Background widget settings. Additionally, check that you have followed all steps correctly, including setting the initial and final positions of the image item.

**Q: Can I use The Plus Addons for Elementor to create a multi-layer background effect?**
A: Yes, The Plus Addons for Elementor allows you to create a multi-layer background effect. You can refer to the complete feature overview documentation for the Row Background widget [here](https://theplusaddons.com/docs//create-a-multi-layer-elementor-background/).

**Q: What happens after I complete the steps to add the scrolling effect?**
A: After completing the steps, you will have a visually appealing background image that moves at a different speed than the rest of the page. This creates a dynamic scrolling effect that enhances the overall design of your Elementor page.

**Q: What settings work best for achieving a smooth background image scrolling effect?**
A: For a smooth scrolling effect, enable the Scroll Parallax toggle and adjust the scrolling offset and duration values in the Scroll Options section. Fine-tuning these settings will help create a more dynamic experience.

**Q: Is there another way to create a background image scrolling effect in Elementor?**
A: The Row Background widget from The Plus Addons for Elementor offers multiple methods to create a background image scrolling effect. The tutorial provides one specific approach, but you can explore other options within the widget settings for different effects.