fbpx

Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

wordpress-black-friday-deals
toggle-button-for-elementor
elementor-widget-library

Random Background for Elementor

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.

  1. Go to Unlimited Elements Widget Library
  2. Click on the Background Widgets option in the sidebar menu.
  3. 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
1

Opacity

Set the opacity of image.

2

Title

Type the title for image.

3

Background Color

Set the background color.

4

Background Image

Choose an image to display as background.

5

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
6

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. 

  1. Background
  2. Foreground

Usage Examples #

Here are some live use cases for the Random Background widget.

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!