With this widget, you can create a beautiful image accordion.
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 Image Accordion widget.
How to Activate the Image Accordion 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 Image Accordion Widget in Elementor?
Add the Image Accordion widget to the page.
Content
From the Items section, you have to add the image accordion items. By default, you’ll find one repeater item, open it.
In the Title field, you can add a title to the image accordion item.
Then in the Description field, you can add a description.
You have to add the accordion item image from the Choose Image section.
Then you can adjust the image accordion item title and description color for normal hover states.
From the Bottom Background section, you can add a background and border to the title and description section of the image accordion item.
You can click on the + Add Item button to add more items to the image accordion.
From the Style tab, you can further customize the image accordion.
