1. Home
  2. Docs
  3. Happy Elementor Addons Fr...
  4. Widgets
  5. Slider

Slider

How To Use A Slider Widget Of Happy Elementor Addons

With the Slider Widget of Happy Elementor Addons, you can now create beautiful sliders with great animations and effects. Give your webpage a sleek look using the slider widget.

Using Slider:

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

Step 1:

Select the slider widget from the menu on the left-hand side of your screen then drag and drop it in the selected area.

ss1 14

Step 2:

In the ‘Content‘ section, you will get the options ‘Slides‘ and ‘Settings‘. You can edit them from here.

ss2 13

In ‘Slides‘, you can upload the images for your slides, set size for those images. You can add many images as you want using the ‘ADD ITEM’ button. You can delete images using the ‘X‘ button.

ss3 14

In ‘Setting‘, you can add animation, set how the animation will be. You can set the navigation to arrow, dots and arrow & dots.

ss4 14

Step 3:

In the ‘ Style‘ section you will find options ‘Slider Item’, ‘Slide Content’,’Navigation-Arrow’, and ‘Navigation-Dots’. You can design them from here.

ss5 14

In ‘Slider Item’, you can add a border, width, color, border-radius.

ss6 13

In ‘Slide Content‘, you have many options to design your slide content. You can add padding, color, spacing, typography and many more.

ss7 14

In ‘Navigation-Arrow’,  you can set position, border type, color, border-radius, text color, background color and many more.ss8 10

In Happy Addons, you have the option to position your arrow.

ss9 9

In ‘Navigation-Dots‘, you can set position, space, alignment, color. You can hover effect as well.

ss10 7

Step 4:

If you want to add motion effects, happy effectsbackground or make it responsive and more intriguing, click on ‘Advanced‘ to explore those options. the ‘Advanced‘ is a default feature of Elementor. Give a read to this Document to know more about Advanced features and its uses.

ss11 5

Finally, after clicking the publish button you can see the beautiful slider on your webpage.

ss12 4

That’s it!.

How can we help?