Image Accordion Widget Tutorial
![](https://ecaddons.com/wp-content/uploads/2023/05/imageaccordionenable-1024x453.png)
![](https://ecaddons.com/wp-content/uploads/2023/05/imageaccordionwidget.png)
Layout : Vertical/Horizonatl
![](https://ecaddons.com/wp-content/uploads/2023/05/ialalyout.png)
Active Slide
![](https://ecaddons.com/wp-content/uploads/2023/05/iaactiveslide.png)
Active Slide Width
![](https://ecaddons.com/wp-content/uploads/2023/05/iaactiveslidewidth.png)
loop with Duration
![](https://ecaddons.com/wp-content/uploads/2023/05/ialoopduration.png)
Content & Alignment
![](https://ecaddons.com/wp-content/uploads/2023/05/iacontent.png)
![](https://ecaddons.com/wp-content/uploads/2023/05/iacontentalign.png)
Content Sorting
![](https://ecaddons.com/wp-content/uploads/2023/05/iacontentsorting.png)
Content Animation from Advanced Options tab
![](https://ecaddons.com/wp-content/uploads/2023/05/iacontentanimation.png)
Remove Active slide when Mouse Leave
![](https://ecaddons.com/wp-content/uploads/2023/05/iamouseleave.png)
Style tab
![](https://ecaddons.com/wp-content/uploads/2023/05/iastyletab.png)
Icon
In this tab you can manage Padding, Margin, Icon Size, Color, Background, Border and Box Shadow.
Image
In this tab you can manage Padding, Margin, Image Size, Background, Border and Box Shadow.
Title
In this tab you can manage Padding, Margin, Typography, Color, Background, Border and Box Shadow.
Description
In this tab you can manage Padding, Margin, Word Break(brak-all/keep-all), Alignment, Max. Width, Typography, Color, Background, Border and Box Shadow.
Button
In this tab you can manage Padding, Margin and Typography.
For Normal and Hover, You can manage Color, Background, Border and Box shadow.
Loop Item
In this tab you can manage Gap and Overlay Color.
Box
In this tab you can manage Height and Border Radious.