With this widget, you can create an interactive image slider, making your website more dynamic and engaging.
Required Setup
- Elementor FREE Plugin installed & activated.
- You need to have the WDesignKit plugin installed and activated.
- Make sure you’ve created an account and logged into it.
- Make sure you’ve downloaded the Portfolio Slider widget.
How to Activate the Portfolio Slider Widget?
Go to
- WDesignKit → Widgets.
- Search the widget name and select Elementor as the Page Builder.
- Click on the Download icon.
How to Use the Portfolio Slider Widget in Elementor?
Add the Portfolio Slider widget to the page.
Content
From the Select dropdown, you can select different styles for the layout.
Then, you’ll see a repeater item under the Items section, open it.
In the Text section, you can add text to the image slide.
Then you can add a link to the text from the Link field.
From the Media section, you have to add an image to the slide.
Then, you can click the + Add Item button to add more slides.
You can add an icon or SVG for the previous navigation button from the Prev Icon section.
You can add an icon or SVG for the next navigation button from the Next Icon section.
Extra Option
By enabling the Rotate Effect toggle, you’ll see the navigation arrows rotate slightly upon clicking, adding a subtle visual effect.
Then from the Style tab, you can further customize the style of the Portfolio Slider.