Accordion Widget Tutorial

Essential Classy Tab from Dashboad -> Widgets then enable Accordion Widget

Now Drag and Drop Accordion widget

Source : Content/Template

Before Title : Icon
Open Close : Icon
Title tag

Active Accordion

Active on On Hover
Multi Open at same time
Style Tab

Icon Tab

Here you manage Padding, Margin and Icon Size

Additionaly you can manage Color, Background, Border and Box Shadow for Normal and Hover.

Title Tab

Here you manage Padding, Margin and Typography

Additionaly you can manage Color, Background, Border, Text Shadow and Box Shadow for Normal and Hover.

Icon & Title Box Tab

Here you manage Padding, Margin

Additionaly you can manage Color, Background, Border and Box Shadow for Normal and Hover.

Content Tab

Here you manage Alignment, Padding, Margin, Typography, Color, Background, Border, Box Shadow and Text Shadow.

Item Tab

Here you manage Gap using Margin

Additionaly you can manage Background, Border and Box Shadow for Normal and Hover.

Box Tab

Here you manage Gap using Padding

Additionaly you can manage Background, Border and Box Shadow for Normal and Hover.

Go to Demo
Report an issue or submit a bug