This Guide will Help you to edit Accordion Widget Settings and Style.

Note: Widget gives you Default Style provided by theme, you can customize as per your needs using this guide.

Drag & Drop Accordion Widget

When you Drag and Drop Accordion Widget in a Page, You will see the image like below.

1) Click on Add new Accordion item button to add new Accordion Item.

2) If you want to Remove Accordion item then click on delete icon present on Accordion Item section.


Accordion Item Settings

1) Section Title in that you can insert your Accordion Item title.

2) Section Content gives you to insert your Item content.

3) Or you can click on Open in SitePad Editor button to insert item content.

4) Click on Active checkbox to active that particular item.

Note: Only one item can be active.


Accordion Style

Style gives 2 types of style 1) Edit Element style and 2) Predefined style

1) Edit Element style gives custom style in that you can change custom background color, text color, margin, border-radius etc.


2) Predefined style gives you classes of Accordion such as Light and Dark.

3) You can also give your classes to define your style.


  • 0 Users Found This Useful
Was this answer helpful?

Related Articles


This Guide will Help you to edit Button Widget Settings and Style. Button Widget Settings When...


This Guide will Help you to edit Icon Widget Settings and Style. Drag Icon Widget When you Drag...

Primary Menu

When the first Theme is selected it automatically gives the Predefined Style for Menu but if you...


This Guide will Help you to edit List Widget Settings and Style. Drag List Widget When you Drag...


This Guide will Help you to edit Chart Widget Settings and Style. Drag Chart Widget When you...