Table Of Contents

Elementor Slideshow Widget

How to Use Elementor Slideshow Widget

A slide show is a presentation of a series of something. Want to know how to display text, images, videos trough slider? Elementor Slideshow Widget by Element Pack includes all these things mentioned above and will make you able to start yours.

Here, in this documentation, I will instruct and show you some pictures detailed to help you get started.

To Insert Widget

inserting Elementor Slideshow Widget

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

Content Tab

Using the content tab, you’ll be able to make a layout of a particular part (option be added) of a website. And in this regard, some handy sections in the tab will assist you a lot in designing the website slider.

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


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.

slideshow 3 - BdThemes

You can edit every single list item. Simply, hit on the Slide Item and edit the field provided by the Slide Item and add Pre Title, Title. You can also add Post Title if you want to utilize the slideshow maker well.

In this section, the most important thing is Background option that will allow you to set Solid Color, Image, Custom Video, and also Youtube video as a background of a slideshow. As you see image background.

The last thing, this section includes Button Link and adding description.


Elementor Slideshow Widget layout

Just, go to the Content tab > Layout.

This section will let you adjust the content position and also alignment. To control the rest of the thing of the slide, you can take the help of a few Yes/No switcher buttons for the Elementor Slideshow Widget.

Mostly, Slideshow Fullscreen Yes/No switcher button will allow you to display your content in fullscreen mode.


image sliders navigation

The Slideshow includes arrows. So, to set the arrow type and position. You have to go to the Content tab > Navigation.


website slider button

Go to the Content tab > Button > Icon .

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 image sliders.

Style Tab

Now, let’s work with Style Tab. The tab will easily have you style the web content (text, image, video, etc.) of the page you require to design the Elementor Slideshow Widget. 

Styling with the Style tab in Elementor will always give you a fantastic experience.

Let’s have a look.


Elementor Slideshow Widget slider style

Go to the Style tab > Slider > check all the controls.

From this section, you can adjust the Content and Text width. Especially, you might add Overlay color to the slideshow.

Pre Title, Title & Text

titles style

All these sections hold the same controls. As you see in the screenshot in terms of the Title section.


Here, in this section, you will find two modes (Normal and Hover). In terms of both modes, you will be able to style the button for the Elementor Slideshow Widget. Look at the picture below.


website slider button style


Hover mode for button


Elementor Slideshow Widget navigation style

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.


image sliders animation style

This section will let you control the animation of the slider. For example, you can enable or disable the options Autoplay, Pause on Hover, and Kenburns Animation using the Yes/No switcher button for the Elementor Slideshow Widget.

In addition, you can set interval time and animation speed. Most importantly, you may set the type of Slider Animations(Slide, Fade, Scale, Push, Pull).

If you activate any Parallax (Parallax Pre Title/ Title/ Text/ Button), this thing will let you move ( horizontally and vertically ) during sliding.

Video Assist

At the end of this documentation, I hope you’ve noticed what is Slideshow 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.