fbpx

Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

February Updates
Currency Converter Cover
Layers Widget

Morph Slider

Morph Slider Widget helps you to showcase images into a slider with morphing effect. It also comes with different transition effects to give it an awesome look. You can customize and style the widget as per your need with its wide range of customization and styling options.

 

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

Install Morph Slider Widget for Elementor

This widget requires Unlimited Elements Free version installed and activated on your WordPress website.

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “Morph Slider”
  3. Hover over the widget in the search results and click install
  4. Add your “Morph Slider” widget to any Elementor Page

General Settings

1

Transition Type

Select a transition type for morph slider.

  • Blend
  • Displacement
  • Noise
  • Color Mix
2

Blend Effect

Select the blend effect from given options.

  • Blend Right
  • Blend Left
  • Blend Down
  • Blend Up
  • Blend Center
3

Enable Wave Distortion

This will enable wave distortion feature for morph slider.

4

Distortion Effect

Select the distortion effect from the dropdown options.

  • Wave Right
  • Wave Left
  • Wave Up
  • Wave Down
  • Wave Center
5

Autoplay

Turn on or off the autoplay option.

6

Transition Duration

Set the duration between transitions.

7

Transition Delay

Set the time for transition delay.

Navigation Settings

1

Show Navigation

Show/Hide the navigation icons.

2

Next Icon

Choose an icon for next button.

3

Previous Icon

Choose an icon for previous button.

Remote Settings

1

Enable Remote Connection

Use remote control widgets to create advanced creative layouts.

2

Widget Name for Connection

This name will be used to connect and controls this widget by other widgets.

3

Sync

You can connect two item-based widgets and sync them.

4

Sync Group

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

Images Settings

Manage the images of morph slider using the repeater field.

  • Add new items
  • Duplicate items
  • Delete items
  • Reorder Items
  • Edit Items
1

Title

Set a title for image.

2

Image

Choose the image to display in morph slider.

General Styling

Set the image width, alignment, and image cover.

Navigation Styling

Here, You can style the color, sizing, hover color, spacing, and background.

Usage Examples

Here are some live use cases for the Morph Slider widget.

Example of Morph Slider widget with blend transition.

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!