How To Use & Customize Image Accordion Widget

Image Accordion Widget create interactive image sections with accordion effects.

Follow the step-by-step instructions:

1. Go to Menu RomethemeKit.

2. And you will be able to see the Image Accordion Widget.

3. Click Add New Container.

4. Select your layout : Flexbox or Grid.

5. On the canvas select your structure.

6. Drag the widget from the Elementor.

7. Drop it on the selected area.

8. Content Image Accordion :

• Click Content → Content.
• Select Tag, Accordion Style, Direction and Repeater List : image, title and description.

9. Setting Button :

• Click Content → Button.
• Enable Button to show the button.
• Type the button text.
• Click Yes to add icon button.
• Click Icon Library → Choose Icon → Click Insert.

10. Container Style (used to customize the container style) :

• Click Style → Container.
• Customize the background, overlay color, image background, opacity, and height.

11. Image Style (used to customize the image style) :

• Click Style → Image.
• Customize the border, spacing and radius image.

12. Text Style (used to customize the text style) :

• Click Style → Text Style.
• Customize the title and description : text position, spacing, typography, text color, alignment, padding and margin.

13. Button Style (used to customize the button style) :

• Click Style → Button.
• Customize the typography, radius, padding, alignment, spacing, border, text, icon and background color.

14. Don’t forget to click Publish to save the changes.