How To Use & Customize Accordion Widget

The Accordion Widget is used to display text in a condensed, example you can use accordion for FAQ in your website.

follow the step by step instructions:

Step 1: Use Accordion

  • Go to Menu Romethemekit, and you will be able to see Accordion Widget.
  • Click Add New Container.
  • On the canvas select your structure.
  • Drag the widget from the Elementor and Drop it on the selected area.
  • Showing Accordion.

Step 2: Use Accordion /FAQ From Pre-Made Templates

  • Click on the RomethemeKit Icon to insert accordion/ FAQ from our premade templates.
  • Click Tab “Block” and Select FAQ.
  • Select your Desired Template.
  • Click Import to add or click Preview to show the demo.
  • You can see your template FAQ showing.

Step 3: Customize Accordion


  • Click Menu Accordion → Click on the Content to Expand.
  • You can Edit Title & Edit Description.

Add Accordion

  • Click Add Item.
  • You can Add Title & Description here.

Setting Title

  • Click Tab StyleTitleClick TypographySelect Font.

Change Color

  • Click Text colorSelect Color
  • Click Specific Color to select another color → Select Color

Setting Content/Description

  • Click ContentSetting Alignment.
  • Click Typography to change your font → Select Font.