Table Of Contents

Layer Slider widget

How to use Layer Slider widget

The Layer Slider widget is a multipurpose slider-building tool for WordPress. It’s a plugin that allows you to build custom-tailored sliders with element-element controls.

Let’s see how it works!

Configuring Layer Slider widget

The Layer Slider widget is a premium as well as a 3rd party widget at Element Pack. That’s why you need to separately purchase it and install it. After that, you can use it with our widget.

installing the Elementor Layer Slider widget

Step-1

Go to Dashboard> Element Pack> 3rd Party Widgets> and find the Layer Slider widget and install it.

2 17 - BdThemes

Step-2

You will see a new tab named LayerSlider WP on your dashboard. Click on that and you will see a new window with lots of information. From there, click on the Add New Slider button on the top position.

3 18 - BdThemes

Step-3

You will be redirected to the slider editor window. On the top-right corner, you can see 3 options. They are,

  • Slider Settings: Has base settings for the whole slider including size, navigation, appearance, background, etc.
  • Slides: Settings for an individual slide background, adding image, text, button, assets, and adding more slides. You can edit slides with a live-preview window with drag controls for assets.
  • Event Callbacks: Log of tracing all changes made within the slider.
4 14 - BdThemes

Step-4

On the Slider Settings tab, you can turn on the Show Advanced Settings button to reveal more options the tab.

5 13 - BdThemes

Step-5

On the Slides tab, you can preview the current slide or add more by clicking the Add New button. The preview section is down below the settings.

6 10 - BdThemes

Step-6

Let’s go to Slider Settings> Appearance> and add a background image. This image will be displayed over the whole slider.

7 7 - BdThemes

Step-7

Go to the Slides tab and scroll down below, you will see the Layers option on your left. What it does is lets you add content over your current slide (image, text, button, etc.). The bar on the top is for customizing the layer content. You can select any individual layer and will find similar customizing controls available.

Go ahead and place something you want inside. Then hit Save Changes.

8 6 - BdThemes

Step-8

Add a text layer on your current slide and click on the Styles section for customizing its shape, color, typography, etc.

After you are done, save changes and your slider is ready to deploy.

Inserting widget

9 3 - BdThemes

Find the Layer Slider widget from the widget menu and drag it inside your page.

10 3 - BdThemes

On the Content tab, you can select sliders that you had created from the dashboard.

11 3 - BdThemes

On the Advanced tab, you will see a bunch of options for customizing the slider with various options provided by Element Pack.

Conclusion

Watch this video tutorial about the Elementor Layer slider widget by Element Pack Pro. For more details, see the demo page here.

[Note- on-site video link]

Need any assistance? Call Us: +880 1700 55 95 95 | © Copyright 2022 All Rights Reserved by BdThemes
AUTUMN Sales up to 60% Discount on our products | Coupon: AUTUMN

Ready to buy our Products?

Don’t miss Powerful Elementor plugins; the Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit and over 2000+ ready templates for professional web design. 

Changed your Mind?

Please Suggest us how to improve

Up to 60% OFF

Purchase all our add-ons and make your website better than ever with our web designing products. Make your purchase with our limited-time AUTUMN offer in 60% off.