With this block, you can create a beautiful image accordion.
Required Setup
- Nexter Blocks 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.
- This is a pro block, so make sure you have either a WDesignKit pro license or have activated Nexter Blocks pro key in your WDesignKit account.
- Make sure you’ve downloaded the Image Accordion block.
How to Activate the Image Accordion Block?
Go to
- WDesignKit → Widgets.
- Search the block name and select Gutenberg as the Page Builder.
- Click on the Download icon.
How to Use the Image Accordion Block in Elementor?
Add the Image Accordion block 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 color and border color to the title and description section of the image accordion item.
From the Bottom Offset section, you can adjust the bottom position of the title for different responsive devices.
You can click on the + Add Item button to add more items to the image accordion.
By enabling the Hide Dots toggle, you can hide the dots of the slide.
From the Style tab, you can further customize the image accordion.
