Message Box Tutorial

Essential Classy Tab from Dashboad -> Widgets then enable Message Box

Image

Now Drag and Drop Message Box widget

Image

Select Icon for Messagebox

Image

In Messagebox, Content We have Title, Description fields

Image

Using this, You can manage Close Icon.

Image

and for Close Icon, You can manage SlideUp and FadeOut Effect.

Also, You can show Arrow after Icon.

Image

Using this option, You can manage Alignment.

Image

In Message Box Style Tab, We have Icon, Title, Descriptio, Close Icon and Box Content option.

Image

Icon Style Tab

In Icon, You can manage Padding, Margin and Icon Size.

Additionaly, You can manage Color, Background, Border and Shdow for Normal and Hover State of Icon.

Image

Title Style Tab

In Title, You can manage Padding, Margin and Typography.

Additionaly, You can manage Color, Background, Border, Shadow  and Text Shdow for Normal and Hover State of Title.

Image

Description Style Tab

In Description, You can manage Padding, Margin, Typography and Alignment of Text.

Additionaly, You can manage Color, Background, Border and Shdow for Normal and Hover State of Description.

Image

Close Icon Tab

In this tab, You can manage Top and Right Offset of Close Icon. 

Also, You can manage Padding and Size of Icon.

Additionally, You can manage Color, Background, Border and Shadow for Normal and Hover State.

Image

Box Content Style Tab

In this tab, You can manage Padding and Margin of Box.

Additionally, You can manage Background, Border and Box Shadow for Normal and Hover State.

Image