---
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-09-14
lang: en
author: "Aditya Sharma"
description: "A background image that slowly glides across a section adds motion without video. The Row Background widget from The Plus Addons for Elementor can move one or more images endlessly..."
image: https://theplusaddons.com/wp-content/uploads/2025/01/How-to-Add-a-Moving-Image-Background-in-Elementor_-1024x536.jpg
word_count: 466
---

# How to Add a Moving Image Background in Elementor?

## 

- The Plus Addons for Elementor Row Background widget moves one or more images endlessly in a chosen direction and speed, and it sits inside the container or classic section that receives the background.
- Row Background is available only in The Plus Addons for Elementor Pro, and it is enabled under The Plus Addons > Widgets before use.
- Auto Moving Layer uses Content > Middle Layer with Select Option set to Auto Moving Layer, while Deep Layer can create a single moving background image with Creative Background Image and Auto Moving Background Image.

A background image that slowly glides across a section adds motion without video.

The **Row Background** widget from The Plus Addons for Elementor can move one or more images endlessly in the direction you choose, at the speed you choose.

*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 Pro, make sure it's installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/section-background/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## Before You Start

- **Edition:** **Pro** — the Row Background widget is only available in The Plus Addons for Elementor Pro.- **Widget to enable:** Row Background, switched on under **The Plus Addons > Widgets**.- **Where to put it:** drop the widget inside the container (or classic section) that should get the background. It draws nothing of its own; the background fills that container.

## Steps

- Add the Row Background widget to the container and open **Content > Middle Layer**.- Set **Select Option** to **Auto Moving Layer**.- Open the first item, choose a picture in **Upload Image** and set **Background Size**.

![The Upload Image and Background Size settings of an Auto Moving Layer item](https://theplusaddons.com/wp-content/uploads/2026/09/rowbg-moving-image.webp)

- Choose a **Direction** (Right, Left, Top or Bottom), then set **Opacity Image** and **Transition Speed**.- Use **+ Add Item** to add more moving images. Give the upper ones an opacity below 1 so the images underneath stay visible.

![The Direction dropdown, Opacity Image and Transition Speed of the moving image item](https://theplusaddons.com/wp-content/uploads/2026/09/rowbg-moving-direction.webp)

The recording below shows these steps in the editor, followed by a short demo of the result.

![Setting up an Auto Moving Layer in the Row Background widget](https://theplusaddons.com/wp-content/uploads/2025/01/row-background-auto-moving-layer.gif)

> *You can also move a single background image from the Deep Layer: choose **Creative Background Image**, set **Background Effect** to **Auto Moving Background Image**, then pick a **Move Direction** and **Transition Speed**.*

## Settings

| Setting | What it does | Default |
| ------- | ------------ | ------- |
| **Direction** | The way the image moves. Right moves it to the right, Top moves it down from the top. | None (moves left) |
| **Opacity Image** | Transparency of the image, 0 to 1. | - |
| **Transition Speed** | Higher values move faster (-100 to 100). | empty (slowest positive speed) |
| **Responsive Visibility** | Desktop, Tablet and Mobile switches for the item. | Off |

## How It Behaves

- The image repeats and moves one pixel at a time without stopping.- In our test, speed 50 moved the image about 50 px in 2.5 seconds and speed 90 about 260 px, while an empty speed moved it about 26 px.- Several items move independently, each in its own direction and speed.

![Published container with two moving image layers, one half transparent](https://theplusaddons.com/wp-content/uploads/2026/09/rowbg-result-moving-layer.webp)

## Limitations

- **Responsive Visibility** does not hide Auto Moving Layer images: with Desktop and Mobile turned off, the image was still visible at 1200, 800 and 390 px in our test.- Transition Speed values below 0 make the movement slower, not reverse it. Use **Direction** to change the way the image moves.

## Troubleshooting

### The image moves the wrong way

Set **Direction** explicitly; **None** moves the image to the left.

### Only the top image is visible

Lower **Opacity Image** on the items above so the ones below show through.

## Related Docs

- [Row Background widget: settings overview](https://theplusaddons.com/docs/create-a-multi-layer-elementor-background/)- [Add a parallax background](https://theplusaddons.com/docs/add-a-parallax-background-in-elementor/)- [Create a background overlay](https://theplusaddons.com/docs/create-an-elementor-background-overlay/)

## Frequently Asked Questions

**Q: What do I need before adding a moving image background in Elementor?**
A: The Row Background widget has to be available in The Plus Addons for Elementor Pro, and it must be switched on under The Plus Addons > Widgets. It also needs to sit inside the container or classic section that should receive the background, because the widget itself draws nothing. That setup matters since the motion is applied to the container’s background, not as a standalone element.

**Q: Can I make more than one background image move at the same time?**
A: The Row Background widget supports multiple moving images, and each item can move independently with its own direction and speed. That is useful when you want layered motion instead of a single drifting image. The page also notes that upper items should have opacity below 1 so the layers underneath stay visible, which is what makes the effect read as depth instead of a flat stack.

**Q: Is there another way to create a moving background image without using the middle layer?**
A: A single moving background image can also be set from the Deep Layer. In that setup, choose Creative Background Image, then set Background Effect to Auto Moving Background Image, and pick a Move Direction and Transition Speed. That gives you a simpler option when you only need one animated layer instead of multiple images in the Middle Layer.

**Q: Why does my moving background go in the wrong direction?**
A: Direction controls where the image travels, and None moves it to the left. The page also says Transition Speed below 0 does not reverse movement, it only makes it slower. That means direction has to be set explicitly if the motion feels backwards, because speed alone will not fix orientation.

**Q: Why can I still see an auto moving layer on mobile even when responsive visibility is off?**
A: Responsive Visibility does not hide Auto Moving Layer images in this widget. In the page’s test, turning Desktop and Mobile off still left the image visible at 1200, 800, and 390 px. That makes responsive visibility unreliable for hiding this specific layer type, so it should not be treated like a normal visibility toggle for these backgrounds.

**Q: What is the difference between this moving background effect and a parallax background?**
A: This effect repeats an image and moves it one pixel at a time without stopping, which creates continuous motion across the section. The page also points to [Add a parallax background](https://theplusaddons.com/docs/add-a-parallax-background-in-elementor/) as a related option, so the two effects are separate choices inside The Plus Addons for Elementor. Use this one when you want endless glide rather than a parallax-style background treatment.