---
title: "How to Add a Moving Image Background in Elementor?"
url: https://theplusaddons.com/docs/add-a-moving-image-background-in-elementor/
date: 2025-01-10
modified: 2026-04-09
lang: en
author: "Aditya Sharma"
description: "Are you looking to add a moving image background in Elementor? Adding a moving background adds a sense of depth and interactivity to your website, making it more engaging. With..."
image: https://theplusaddons.com/wp-content/uploads/2025/01/How-to-Add-a-Moving-Image-Background-in-Elementor_-1024x536.jpg
word_count: 335
---

# How to Add a Moving Image Background in Elementor?

## 

- Utilizes the Row Background widget from The Plus Addons for Elementor to add a moving image background.
- Selects Auto Moving Layer under the Middle Layer tab to initiate the moving background effect.
- Manages image slide direction, opacity, and transition speed through various dropdown options in the widget settings.

Are you looking to add a moving image background in Elementor? Adding a moving background adds a sense of depth and interactivity to your website, making it more engaging.

With the Row Background widget from The Plus Addons for Elementor, you can easily add a moving image background 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 moving image background and follow the steps -

1. Select **Auto Moving Layer** from the **Select Option** dropdown, under the **Middle Layer** tab.

> *Note: You can also create a moving background image effect from the ****Creative Background Image**** option under the ****Deep Layer**** tab.*

![](https://theplusaddons.com/wp-content/uploads/2025/01/row-background-auto-moving-layer.gif)

2. Then open the repeater item and add the background image in the **Upload Image** section. 

You can change the background image size from the **Background Size** dropdown.

3. Then from the **Direction** dropdown you have to select the image slide direction. 

From the **Opacity Image** section, you can manage the background image opacity.

> *Note: The Opacity Image option is useful if you are using multiple moving image backgrounds or using multiple backgrounds.*

From the **Transition Speed** section, you can manage the image movement speed.

From the **Responsive Visibility** toggle, you can select to show or hide the repeater item’s background image for responsive devices.

You can click the **+Add Item** button to add multiple moving image backgrounds with images moving in different directions.

> *Note: If you are using multiple repeater items, in all of them (except the first item) make sure to set the Opacity Image value to below 1 to show all the background images.*

Now you’ll see the background image of the container or section moving in your desired direction.