fbpx

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.

Sliders

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.

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.

Layout

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.

Navigation

image sliders navigation

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

Buttton

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.

Slider

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.

Button

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.

Normal:

website slider button style

Hover:

Hover mode for button

Navigation

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.

Animation

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.

SIGNUP NEWSLETTER

Don’t worry we hate spam and we promise you will get only quality news and offer from us.

Missed Black Friday offer this year? Get up for flat 50% discount right now. Check Here

© Copyright 2021 All Rights Reserved by BdThemes

Missed the Black Friday offer this year? Get up for flat 50% discount right now.