Info Box Widget Tutorial

Essential Classy Tab from Dashboad -> Widgets then enable Info Box Widget
Image
Now Drag and Drop Info Box widget
Image

Layout

Image

Type : Icon/Image/Text

Image
Image

Content

Image
Image

Style Tab

Image

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.

Image

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 Content

In this tab you can manage Padding and Margin.

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

Also, You can manage Overflow of box.

Box Hover Direction