fbpx

Need Help?

Here are some good places you cant start.

Join the Community

Whats New?

Get updated about all the good stuff!

Morph Background Slider

Using “Morph Background Slider Widger” you can add transition images with a morphing effect in the background of any Elementor section. The Morph Background Slider widget is customizable with many options to create an amazing  background that suits your Elementor pages need. It also supports the advanced options like remote control widget and sync options.

 

Let’s look at each of the options in the “Morph Background Slider Widget” below.

Install Morph Background Slider 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 Morph Background Slider Widget and click install

Add Morph Background Slider to Elementor Page Section

Select edit page section in Elementor>>>Go to Style tab>>>Go to Unlimited Background option>>>Select the background type as “Snow Background”

Morph Background Slider Settings

1
Enable Sync and Remote

Turn on or off the sync option.

2
Sync Group

Choose the same group for two or more item-based widgets so they can sync together.

3
Remote Parent Name

Set the remote parent name to connect the widget remotely. 

4
Transition Type

Select the background transition type from given options.

  • Blend
  • Displacement
  • Noise
  • Color Mix
5
Blend Effect

Select the blend effect from dropdown options.

  • Blend Right
  • Blend Left
  • Blend Down
  • Blend Up
  • Blend Center
6
Enable Wave Distortion

Enable/Disable the wave distortion function.

7
Distortion Effect

Select the distortion effect from given options.

  • Wave Right
  • Wave Left
  • Wave Down
  • Wave Up
  • Wave Center
8
Autoplay

Turn on or off the autoplay option.

9
Transition Duration

Set the transition duration in milliseconds.

10
Transition Delay

Set the delay time between two transitions.

11
Slide 1

Use the repeater field to add background images.

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 Morph Background Slider widget.

Morph Background Slider widget with blend effect

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!