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 widget, it is just a matter of dragging and dropping. As you see in the screenshot above, drag the image sliders inside your page.
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.
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.
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.
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.
The Slideshow includes arrows. So, to set the arrow type and position. You have to go to the Content tab > Navigation.
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.
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.
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
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.
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.
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.
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.