Unfold Content Tutorial
Essential Classy Tab from Dashboad -> Widgets then enable Unfold Content
![](https://ecaddons.com/wp-content/uploads/2024/06/unfoldcontentwp-1024x218.png)
Now Drag and Drop Unfold Content widget
![](https://ecaddons.com/wp-content/uploads/2024/06/unfoldcontentep.png)
In Unfold Content Widget, You can manage Title with Tag, Source Content like. Editor, Template or Container. Manage Button Text and Icon for Open Close based.
![](https://ecaddons.com/wp-content/uploads/2024/06/ucoverview.png)
In Content Editor, You can manage your text in Editor.
![](https://ecaddons.com/wp-content/uploads/2024/06/uccontentsourceeditor.png)
In Template, You can freedom to Choose Template.
![](https://ecaddons.com/wp-content/uploads/2024/06/ucsourcetemplate.png)
In Contener, You can use Contaier.
![](https://ecaddons.com/wp-content/uploads/2024/06/ucsourcecontainer.png)
For Template/Contener, Based on Button Position Bottom, Need to Put like below image.
First Unfold Content widget and next to Container.
![](https://ecaddons.com/wp-content/uploads/2024/06/ucbtop.png)
For Template/Contener, Based on Button Position Top, Need to Put like below image.
First Container and next to Unfold Content widget.
![](https://ecaddons.com/wp-content/uploads/2024/06/ucbbottom.png)
In Button we have More or Less Text and Icon Option.
Also, You can manage Icon Position and It’s Alignment.
![](https://ecaddons.com/wp-content/uploads/2024/06/cbutton.png)
In Below Option, You can set How long your content shows on Load using Height Option.
Based on Opacity Height and Color, You can manage Overlay on Content.
![](https://ecaddons.com/wp-content/uploads/2024/06/ucoverlay.png)
In Stye Tab, We have Title, Description and Button options.
![](https://ecaddons.com/wp-content/uploads/2024/06/ucstyle.png)
In Title Style Tab, You can manage Width, Alignment, Padding, Margin and It’s Typography.
Also, You can manage Color, Background, Border, Shadow, Transition and Transform effect for Normal and Hover State.
![](https://ecaddons.com/wp-content/uploads/2024/06/uctitlestyle.png)
In Description Style Tab, You can manage Padding, Margin, and It’s Alignment.
Also, You can manage Color, Background, Border, Shadow, Transition and Transform effect for Normal and Hover State.
![](https://ecaddons.com/wp-content/uploads/2024/06/ucdescstyle.png)
In Button Style Tab, You can manage Padding, Margin, Width, Alignment, Typography, Icon Size and It’s Gap.
Also, You can manage Color, Background, Border, Shadow, Transition and Transform effect for Normal and Hover State.
![](https://ecaddons.com/wp-content/uploads/2024/06/ucbuttonstyle.png)