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
Set the opacity of image.
Type the title for image.
Set the background color.
Choose an image to display as background.
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
Select the blend mode for background from dropdown options.
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.
Usage Examples #
Here are some live use cases for the Random Background widget.