How Can We Help You?

Advanced Slider

How To Use Advanced Slider Widget Of UBE Addons

With the Advanced Slider Widget of UBE Addons, you can now create beautiful sliders with with selecting multiple pre-made elementor templates. Give your webpage a sleek look using the Advanced Slider widget.

Using Advanced Slider:

You can see the below video to get an insight into how you can use the Advanced Slider Widget to create beautiful designs. Or you can follow the documentation whichever you find convenient.

How to Activate Advanced Slider

To use this UBE Addons element, find the Advanced Slider‘ element from the Search option under the ELEMENTS tab. Simply just Drag & Drop the Advanced Slider into the Drag widget here‘ or the ‘+’ section.

How to Configure Content Settings

Under the ‘Content’ tab, you will find the Advanced Slider sections.

Slider Content  Added by clicking the blue + button in the middle of the widget to add the widget you want. Each slide is 1 section
Slider Type Choose whether the slider is horizontal or vertical
Slides To Show Choose the number of slides to display on 1 page. You can choose the number of slides corresponding to each responsive screen
Navigation Arrow Allows arrow navigation or not? Allow showing and hiding in each responsive screen
Navigation Dots Allows to display the navigation style dots or not. Similar to arrows, allows display in each screen responsive
Center Mode Allow center mode or not
Autoplay Slides Allow autoplay or not
Autoplay Speed Speed of autoplay mode, this is only displayed in case Autoplay Slides is enabled
Infinite Loop  Whether to allow unlimited loops or not
Transition Speed The speed of the transition moving between slides
Space Between Items  The distance between slides



Adaptive Height Allows Adaptive Height mode. If it is enabled, the slider will calculate its height according to the content of the largest height slide
Pause Autoplay On Hover Is it possible to stop autoplay when hovering on the slider? This is displayed only when Autoplay Slides mode is enabled.
Slider Syncing Allows slider to sync with other slider or not
ID or Class Of Slider To Syncing Id or class of the slider you want to sync with the current slider. This is displayed only when Slider Syncing is enabled
Enable Focus On Select Element Whether to enable Enable Focus On Select Element mode or not
Enabled Grid Mode Whether to enable grid mode or not
 Slide Rows Enter number of row of a slider page
Slides Per Row Enter number of sliders per row.
These two controls are displayed only when Enabled Grid Mode is enabled
Infinite Loop  Whether to allow unlimited loops or not
RTL Mode Is RTL mode allowed

How to Style Advanced Slider

Switch to the ‘Style’ tab to style all the elements of Advanced Slider.

Navigation Arrows

‘Navigation Arrows’ section lets you choose Arrow Position, Color, Background, Border in Normal and Hover. It allow you change type of arrow is classic or outline, size of arrows.

Navigation Dots

‘Navigation Dots’ section lets you choose Dots Position, Color, Size.

Final Outcome

By following these mentioned steps and a bit more modifying & styling, you can easily design your Advanced Slider as per your preference.

By using UBE Advanced Slider, this is how you can easily put the spotlight on your significant contents & make them appealing to your visitors.

Getting stuck? Feel to Contact Our Support for further assistance.