Skip to content

How to Create an Elementor Background Slideshow?

Table Of Content

A background slideshow shows several photos in the same space, one after another, without a slider widget.

The Row Background widget from The Plus Addons for Elementor cycles through your images behind the content of a container, with a choice of transitions and texture overlays.

To check the complete feature overview documentation of The Plus Addons for Elementor Row Background widget, click here.

Requirement – This widget is a part of The Plus Addons for Elementor Pro, make sure it’s installed & activated to enjoy all its powers.

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.
Youtube video

Steps

  1. Add the Row Background widget to the container and open Content > Deep Layer.
  2. Set Select Option to Creative Background Gallery.
  3. Click Add Multiple Images and choose the images for the slideshow.
The add multiple images gallery of a creative background gallery deep layer
  1. Choose a Transition Effects style, then set Transition Duration and Slide Delay Time in milliseconds.
  2. Optional: pick a Texture Overlay style to lay a pattern over the images.
Transition effects, transition duration, slide delay time and texture overlay settings

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

Setting up a background slideshow in the row background widget

Settings

SettingWhat it doesDefault
Transition EffectsFade, Blur, Flash, Negative, Burn, SlideLeft, SlideRight, SlideUp, SlideDown, ZoomIn, ZoomOut, SwirlLeft or SwirlRight.Fade
Transition DurationHow long the change to the next image takes, in milliseconds.5000
Slide Delay TimeHow long each image stays, in milliseconds.7000
Texture OverlayOff, or one of nine pattern styles over the images.Off

How It Behaves

  • With three images, a 1000 ms transition and a 2000 ms delay, the background changed to the next image about every two seconds and went back to the first image after the last one.
  • A texture overlay is drawn on top of every image of the slideshow.
Published container during a fade between two background images

Limitations

  • The slideshow always loops and plays on its own; there are no arrows or dots to control it.

Troubleshooting

The images change too slowly

The defaults are a 7-second delay plus a 5-second transition. Lower Slide Delay Time and Transition Duration.

Related Docs

Related Frequently Asked Questions

Related Docs