Advanced Steps Process Widget Tutorial
Essential Classy Tab from Dashboad -> Widgets then enable Steps Widget
![](https://ecaddons.com/wp-content/uploads/2023/05/stepsenable-1024x548.png)
Now Drag and Drop Steps widget
![](https://ecaddons.com/wp-content/uploads/2023/05/stepswidget.png)
Layout : Vertical/Horizontal
![](https://ecaddons.com/wp-content/uploads/2023/05/stepslayout.png)
In Repeater : Icon/Image/Text, Title, Description, Button Pin
![](https://ecaddons.com/wp-content/uploads/2023/05/stepstype.png)
In Repeater You can manage Title, Description, Button, Pin.
Additionaly you can manage particular loop Background, Border and Shadow for Normal and Hover.
Counter have Predefine and Custom Text Option
![](https://ecaddons.com/wp-content/uploads/2023/05/stepscounter.png)
3 Predefine effects
![](https://ecaddons.com/wp-content/uploads/2023/05/stespeffect.png)
In Style Tab you can customize as per need
![](https://ecaddons.com/wp-content/uploads/2023/05/stepsstyle.png)
In Icon/SVG Style Tab
you can manage icon size and it’s normal/hover color.
In Image Style Tab
you can manage width/height and it’s Background, Border and shadow for normal/hover.
In Text Style Tab
you can manage typography and it’s normal/hover color.
In Loop Style Tab
you can manage loop item margin(gap).