Widget Guidelines

Image Accordion Widget

Estimated reading: 2 minutes 169 views

Image Accordion Widget creates interactive image sections with accordion effects.

Follow the step-by-step instructions:

1. Go to Menu RTMKit.

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.

Share this Doc

Image Accordion Widget

Or copy link

CONTENTS