Table Of Contents

How to Use Elementor Panel Slider Widget

The panel is a flat section in the shape of a rectangle that is part of something larger. Exactly, our Elementor Panel Slider Widget by Element Pack does the same thing. If you face any kind of issue while using this widget, the documentation below will help you get started.

To Insert Widget

inserting Elementor Panel Slider Widget

Inserting widget, it is just a matter of dragging and dropping. As you see in the screenshot above, image sliders inside the page.

Content Tab

Using the content tab, you’ll be able to make a layout of a particular part of a website. And in this regard, some handy sections in the tab will assist you a lot Elementor Panel Slider Widget.

Here, I’m going to show the sections of the Content Tab and how they work behind the widget.


Elementor Panel Slider Widget layout

Go to the Content tab > Layout > check all the controls.

Come to the Layout section. Here you will find the Skin control (Middle) with the default one.

Look at the controls (Columns and Columns Space). These two will respectively allow you to determine column number and adjust space for the panel slider.

A few switcher buttons will be there to control slider functions such as Show Title, Global Link, and Show Button.

In addition, you might set Slider Height and select Navigation and Alignment.

Another important thing is Slide Skew that will allow you to do skew the whole thing.


image sliders

After dragging and dropping the widget in a new section, you will get a list group. The list not limited, you can add a new list in the group just clicking on the ADD ITEM button.

In terms of getting the content with the same design, you can duplicate the item clicking on the duplicate icon and to delete clicking on the delete icon.

Elementor Panel Slider Widget content

Go to the Content tab > Sliders > Slider Items.

Mostly, editing every single list item(repeater) and by hitting on the List Item you can add Title, Image, and Description text along with Link.


panel slider 5 - BdThemes

Just, go to the Content tab > Button > Text > Icon (Icon Library and Upload SVG)

This section will let you set the text to the Button and Icon. When you will choose any icon, you’ll get two more options that are Icon Position (After/Before) and Icon Spacing for the Elementor Panel Slider Widget.

Slider Settings

panel slider 6 - BdThemes

You know Panel Slider widget is animation supported. Form this section, you will be able to manipulate five more switcher buttons like (Autoplay, Pause on Hover, Loop, Autoplay Speed, Infinite Loop, Animation Speed, Observer, and Centered Slide).

The most important things in this section are the Animation Speed(it will control slide speed) and Loop(make the slider repeated).

On the other hand, Infinite Loop will make the slider repeatable ever. Observe the photo above.

Style Tab

It is time to work with the Style Tab. The tab will easily have you style the web content (text, image, video, etc.) of the page you want to design.


panel slider style 1 1 - BdThemes

Go to the Style tab > Slider > then set Overlay Color from the color pallet > after that adjust Opacity and give padding to the Description text.

If you want, you can activate the Shadow Mode. That’s it in this section.


If you want to style the button, you can do that in both Normal and Hover mode.

Look at the screenshot below.


panel slider style 2 - BdThemes

Only, go to the Style tab > Button > Normal.


panel slider style 3 - BdThemes

Go to the Style tab > Button > Hover.

Title and Text

panel slider style 4 - BdThemes

Here, from these two sections, you might only add Color and Typography.


panel slider style 5 - BdThemes

This section will mainly let you style Arrows and Dots such as Position, Size, etc. Simply, go to the Style tab > Navigation > Arrows and Dots.

Video Assist

At the end of this documentation, I hope you’ve noticed what is Panel Slider Widget and how it works for you. Watch the video inserted above. If you want to discover what more is possible to do using this one, you can visit the demo page.

Need any assistance? Call Us: +880 1700 55 95 95 | © Copyright 2022 All Rights Reserved by BdThemes
Be cool in Summer with up to 40% OFF on our products | Coupon: SUMMERSALE

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 40% OFF

Grab the best summer deal and enjoy awesome Elementor web design tools in your hands now! This is a limited-time offer so get it before time runs out.