Do you want to create an exclusive carousel on the landing page of your website? Ultra Addons brings the Ultra Slider to create a beautiful slider or carousel on any part of a web page. This widget is included in the free version of Ultra Addons. Therefore, you don’t have to pay a single penny to use this widget. With widgets like this, Ultra Addons expands the customization of the Elementor page builder. Use Ultra Sidler today and break the limitations of using Elementor.
This brings us to show you how to use the Ultra Slider widget from Ultra Addons. Without further ado, let’s get down to business.
How to use Ultra Slider of Ultra Addons Properly to Build Custom Web Pages
Just like we have shown you the process of using the Hero Banner, you must have installed and activated both Elementor and Ultra Addons. Then, head towards the page that you want to customize with Ultra Slider. Let’s say, we want to insert a slider inside the homepage. So, we want to jump to –
Dashboard >> All Pages >> Home
And if you don’t want to edit the homepage, just head to the page by navigating –
Dashboard >> All Pages >> [The Page You Want to Edit]
Once you are inside the page, you should click on the Edit with Elementor button to start customizing that particular web page.
This will take you to edit the page. In this tutorial, we will be editing the homepage. Inside the Elementor dashboard, keep on scrolling down until you finally find the Ultra Slider inside Ultra Addons. After finding the Ultra Slider, click it and drag on a suitable page of the web page.
General –
As soon as you drop the widget, you will see a slider like below. By default, 3 sliders will be generated.
You can add, delete, or duplicate and slider. Clicking the cross (X) button will delete a slider, clicking the copy button (beside the cross button) will duplicate the slider. And clicking the ADD ITEM will add an extra slider. Everything is very simple to use and implement.
Okay! Now, we will show you how to edit each slider. Click on the slider that you want to edit, it will expand. This will give the option to customize the basic settings of the slider such as customizing the title, content, button text, and the inserting relevant link in the button of that slider.
You can also choose your preferred image for the background by clicking the “Background Image” button.
Ulta Slider allows real-time editing. So, every change you make will generate instantly.
You can also change the text of the button
And if you want to use an Elementor template instead of the default style, click on “Elementor Template” in the “Slide Type” drop-down menu.
Slider Settings –
This option reveals more features to customize the slider or carousel. By default, the settings like being something like below –
Here, you can do several things like turn off the Autoplay, turn off Pause on Hover, adjust the Autoplay Speed, enable or disable Infinite Loop, adjust Autoplay Delay.
As for navigating the sliders, we can do a couple of things. You can define whether you want Arrow, Dots/Number, Arrow & Dots/Number, or nothing in the Navigation option.
You can not only adjust the spacing between navigation but also between navigation buttons.
And there is some additional customization that would love to do such as positioning the number on the sliders and inserting External Animation.
You can also decide the number of slides you want to show in each slider from the Slides To Show drop-down menu. Up to 6 slides can be shown in one slider.
Background Effect –
Now, this has brought us to the Background Effect. You can do multiple changes related to the background. Click on the (Brush) icon on the “Background Type” section. This will reveal the options to set an image in the background and change the color of the background.
Now, this has brought us to the Background Effect. You can do multiple changes related to the background. Click on the (Brush) icon on the “Background Type” section. This will reveal the options to set an image in the background and change the color of the background.
- Apply gradient on the background
- Change its color
- Allow you to set where you want to apply the gradient on the background
- Apply secondary gradient color
- Set where to place the secondary gradient
- Set the angle of the gradient
- And change the appearance type of the gradient – either Linear or Radial.
That being said, the Background Effect section also allows you to adjust the opacity of the background
You can also apply a CSS filter over the background and customize its brightness, contrast, saturation, hue, and how much you want to blur it. Just play with every customization option and you will understand how things work.
And if you like to revert the settings for the CSS filter, you can always do that by pressing the (Back to default) button beside the edit button.
Wrapper Link –
Just like other cool widgets of Ultra Addons, the Ultra Slider also brings the Wrapper Link section where you can insert your desired URL, Not only you can insert an URL but also add a nofollow rule to it, make it open in a new window, and insert Custom Attributes by clicking the settings icon
You can also include Dynamic Content by clicking the link beside the settings icon. Then, press the SEE IT IN ACTION button to find out more.
Hover Effect –
Just like other widgets from Ultra Addons, you get to select your preferred animation when a user hovers the mouse over the background.
Talking about the additional settings from the Style and Advanced tab, it is as same as for the other widgets of Elementor, where you can change typography, text color, adjust the alignment, insert Custom CSS, insert gradient text, configure the settings in responsive mode, and change other attributes.
We guess, there isn’t too much to discuss when you already know how to customize a web page with Style and Advanced settings.
Conclusion
This has brought us to the end of this tutorial. We hope we were able to teach you how to use the Ultra Slider in the most appropriate way. Using this excellent widget, you will unlock your potential to customize web pages and exceed the limitations of the Elementor page builder. Only using the free version of Ultra Addons will give you tons of customization options. And build and customize exclusive carousels or sliders with this particular widget.