Grid Custom Listing Widget Tutorial
Essential Classy Tab from Dashboad -> Widgets then enable Grid Custom Listing Widget
![](https://ecaddons.com/wp-content/uploads/2023/10/gridcustomlistingpanel-1024x462.png)
Now Drag and Drop Grid Custom Listing widget
![](https://ecaddons.com/wp-content/uploads/2023/10/gridcustomlistingwidget.png)
Layout Option : Grid / Masonry
![](https://ecaddons.com/wp-content/uploads/2023/10/gcllayout.png)
Box Link Option
![](https://ecaddons.com/wp-content/uploads/2023/10/gclboxlink.png)
Here you can Select Image or Icon
![](https://ecaddons.com/wp-content/uploads/2023/10/gclloopimageicon.png)
Here you can Manage Title & It’s Tag.
![](https://ecaddons.com/wp-content/uploads/2023/10/gcllooptitletag.png)
Here you can Manage Content and Button
![](https://ecaddons.com/wp-content/uploads/2023/10/gclloopcontentbutton.png)
Manage Alignment
![](https://ecaddons.com/wp-content/uploads/2023/10/gclalignment.png)
Here you can manage Sorting of Content in Your Sequence.
![](https://ecaddons.com/wp-content/uploads/2023/10/gclsorting.png)
Manage Columns and It’s Gap.
![](https://ecaddons.com/wp-content/uploads/2023/10/gclcolumns.png)
Style Tab
![](https://ecaddons.com/wp-content/uploads/2023/10/gclstyletab.png)
Image Style Tab
Here you can manage Width, Height and Margin.
Also, You can manage Border, Box Shadow, Transition and Transform CSS for Normal, Hover and Loop Hover.
![](https://ecaddons.com/wp-content/uploads/2023/10/gclimagestyle.png)
Icon Style Tab
Here you can manage Margin, Padding and Icon Size.
Alos, You can manage Color, Background, Border, Box Shadow, Transition and Transform CSS for Normal, Hover and Loop Hover.
![](https://ecaddons.com/wp-content/uploads/2023/10/gcliconstyle.png)
Title Style Tab
Here you can manage Alignment, Padding, Margin and Typography.
Also, You can manage Color, Background, Border, Text Shadow, Box Shadow, Transition and Transform CSS for Nomela, Hover and Loop Hover.
![](https://ecaddons.com/wp-content/uploads/2023/10/gcltitlestyle.png)
Content Style Tab
Here you can manage Text Alignment, Min. Height, Content Align, Align Item CSS, padding, Margin and Typography.
Also, You can manage Color, Background, Border, Text Shadow, Box Shadow, Transition and Transform CSS for Normal, Hover and Loop Hover.
![](https://ecaddons.com/wp-content/uploads/2023/10/gclcontentstyle.png)
Button Style Tab
Here you can manage Padding, Margin and Typography.
Also, You can manage Color, Background, Border, Box Shadow, Transition and Transform CSS for Normal, Hover and Loop Hover.
![](https://ecaddons.com/wp-content/uploads/2023/10/gclbuttonstyle.png)
Loop Style Tab
Here you can manage Padding.
Also, You can manage Background, Border, Box Shadow, Transition and Transform CSS for Normal and Hover.
![](https://ecaddons.com/wp-content/uploads/2023/10/gclloopstyle.png)