Accordion

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.

https://poweredbyearthgirl.com/billing/instantsite/images/Accordion-dragdrop.png

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.

https://poweredbyearthgirl.com/billing/instantsite/images/Accordion-itemsettings.png

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.

https://poweredbyearthgirl.com/billing/instantsite/images/Accordion-style.png

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

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

https://poweredbyearthgirl.com/billing/instantsite/images/Accordion-prestyle.png

 

  • 0 Users Found This Useful
Was this answer helpful?

Related Articles

Tabs

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

Service Box

This Guide will help you to add Service Box. Drag and Drop Service Box Drag and Drop Service...

Primary Menu

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

Pricing Table

When the first Theme is selected it automatically gives the Predefined Style for Pricing Table...

Modal

This Guide will help you to add Modal. Drag and Drop Modal Drag and Drop Modal from left side...