Infobox Grid Listing Widget Tutorial

Essential Classy Tab from Dashboad -> Widgets then enable Infobox Grid Listing
Now Drag and Drop Infobox Grid Listing widget

Layout Break- Front End

Goto Advanced Tab and Select Full Width 100%

3 Predefine Layout

Grid / Masonry Type

Icon / Image / Text Selection

Title with Tag 

Description in Editor

Button or Manage Full Box Link

Pin Text Option

Manage height and Alignment

Manage Column with Gap

Style Tab

Icon

In this tab you can manage Padding, Margin and Size of Icon.

And for Normal and Hover, You can manage Color, Background, Border and Box Shadow.

Title

In this tab you can manage Padding, Margin and Typography.

And for Normal and Hover, You can manage Color, Background, Border, Box Shadow and Text Shadow.

Description

In this tab you can manage Padding, Margin, Typography and Alignment.

And for Normal and Hover, You can manage Color, Background, Border, Box Shadow and Text Shadow.

Button

In this tab you can manage Padding, Margin and Typography.

And for Normal and Hover, You can manage Color, Background, Border and Box Shadow.

Pin

In this tab you can manage Padding, Typography, Top & Right Offset.

And for Normal and Hover, You can manage Color, Background, Border and Box Shadow.

Box Hover Direction