How to Use Slideshow Widget

How to Use Slideshow Widget

A slide show is a presentation of a series of something. Is your mind thinking how to display text, images, videos trough slider? Truthfully, you are in the right place. 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.

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.

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

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.

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

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.

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

Navigation

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

Buttton

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.


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. 

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

Let’s have a look.

Slider

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.

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. Look at the picture below.

Normal:

Hover:

Navigation

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

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.

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.


About Selim Rana

Selim Rana is the Founder of BdThemes - the company behind Element Pack Pro! He is a Software Engineer passionate about WordPress and Elementor.


Up to 50% OFF

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