Info 3d Card Widget Tutorial

Essential Classy Tab from Dashboad -> Widgets then enable Info  Card Widget

Now Drag and Drop Info Card widget

Select Normal Image and It’s Size
Select Hover Image and It’s Size
Title with Tag
Sub Title with Tag
Enter Description in Editor
Set Box Link

Here, You can manage Width, Height and Alignment

Info Card 3D Style Tab

Normal Image Style Tab

In this  tab, You can manage Border and It’s Radius. Additionaly, You can manage Filter CSS, Box Shadow and Transition for Normal and Hover.

Hover Image Style Tab

Here you can manage Transform of Layout using CSS Editor.

Content Box Style Tab

In Content box tab, You can manage Padding and Bottom Offset of Info Card.

And For Normal and Hover, YOu can Manage Transform CSS with Editor.

Title Style Tab

In this TItle tab, You can manage Padding, Margin and It’s Typography.

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

Sub Title Style Tab

In this Sub TItle tab, You can manage Padding, Margin and It’s Typography.

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

Description Style Tab

In this Description tab, You can manage Padding, Margin and It’s Typography.

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

Go to Demo
Report an issue or submit a bug