The “Background Slider Widget” lets you create dynamic background slideshows for any Elementor section. It supports multiple images with customizable entrance and exit animations, giving each transition a smooth, professional look. You can fine-tune the image opacity and control the duration of each slide. This adds visual depth and engaging motion to your design. It’s an ideal tool for building modern, interactive website sections with ease.
Let’s explore the features of the “Background Slider Widget” below.
Elementor Background Slider Tutorial Video
Add a Background Slider Widget to Elementor
This widget requires Unlimited Elements PRO version installed and activated on your WordPress website.
Add Background Slider to Elementor Page Section
Elementor Background Slider Settings
Animate In
Entrance transition effect.
Animate Out
Exit transition effect.
Autoplay
Plays the slides automatically
Image Opacity
Opacity for image in slide.
Slide Duration
The time between each autoplay interval timeout.
Image CSS Filter
Filter effect for image in slide.
Slider Radius
Enable Sync & Remote
Allow connection with other widgets.
Sync Group
Connect between two diffrent item based widgets and sync them together.
Remote Parent Name
Show Debug
For showing remote connection and sync.
Items
Manage the slides of the background slider using the repeater field.
- Add new items
- Duplicate items
- Delete items
- Reorder Items
- Edit Items
Set Background Location in Elementor Background Slider
In some cases, you may want to move the background widget in front of your content. Determine the placement of the background by changing the setting to your liking.
In Background
Appear behind your content.
In Foreground
Overlay on top of content.
Site Body Background
Covers the entire page background globally.
Site Body Foreground
Overlay all site content (header to footer).
Layout Background
Restricted to a specific section/widget.
Layout Foreground
Overlay a single section/widget.
Usage Examples of Elementor Background Slider
Here are some live use cases for the Elementor Background Slider widget.
Background Slider for Elementor with a Search Box
Background Slider for Elementor with a Country Selector
Background Slider for Elementor with an Image Accordian