Using “Random Background Widget” you can add a random background image or color as background on every page load. Create a beautiful background that fits your Elementor page perfectly with the Random Background widget, which has many customizable options.
Let’s look at each of the options in the “Random Background Widget” below.
Install Random Background Widget for Elementor #
This widget requires Unlimited Elements PRO version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Click on the Background Widgets option in the sidebar menu.
- Hover over the Random Background Widget and click install
Add Random Background to Elementor Page Section #
Select edit page section in Elementor>>>Go to Style tab>>>Go to Unlimited Background option>>>Select the background type as “Random Background”
Random Background Settings #
Manage the random background images using the repeater field.
- Add new items
- Duplicate items
- Delete items
- Reorder Items
- Edit Items
Opacity
Set the opacity of image.
Title
Type the title for image.
Background Color
Set the background color.
Background Image
Choose an image to display as background.
Background Position
Select the background position from given options.
- Left Top
- Left Center
- Left Bottom
- Right Top
- Right Center
- Right Bottom
- Center Top
- Center Center
- Center Bottom
Background Blend Mode
Select the blend mode for background from dropdown options.
- Normal
- Multiply
- Screen
- Overlay
- Darken
- Lighten
- Color-dodge
- Saturation
- Color
- Luminosity
Set Background Location #
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.
- Background
- Foreground
Usage Examples #
Here are some live use cases for the Random Background widget.
