Message Box Tutorial
Essential Classy Tab from Dashboad -> Widgets then enable Message Box
![](https://ecaddons.com/wp-content/uploads/2024/04/message-box-wp-panel-1024x214.png)
Now Drag and Drop Message Box widget
![](https://ecaddons.com/wp-content/uploads/2024/04/messagebox-epanel.png)
Select Icon for Messagebox
![](https://ecaddons.com/wp-content/uploads/2024/04/messagebox-icon.png)
In Messagebox, Content We have Title, Description fields
![](https://ecaddons.com/wp-content/uploads/2024/04/messagebox-title-desc.png)
Using this, You can manage Close Icon.
![](https://ecaddons.com/wp-content/uploads/2024/04/messagebox-close.png)
and for Close Icon, You can manage SlideUp and FadeOut Effect.
Also, You can show Arrow after Icon.
![](https://ecaddons.com/wp-content/uploads/2024/04/messagebox-effect-arrow.png)
Using this option, You can manage Alignment.
![](https://ecaddons.com/wp-content/uploads/2024/04/messagebox-alignment.png)
In Message Box Style Tab, We have Icon, Title, Descriptio, Close Icon and Box Content option.
![](https://ecaddons.com/wp-content/uploads/2024/04/messagebox-style.png)
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.
![](https://ecaddons.com/wp-content/uploads/2024/04/messagebox-icon-style.png)
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.
![](https://ecaddons.com/wp-content/uploads/2024/04/messagebox-title-style.png)
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.
![](https://ecaddons.com/wp-content/uploads/2024/04/messagebox-description-style.png)
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.
![](https://ecaddons.com/wp-content/uploads/2024/04/messagebox-close-style.png)
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.
![](https://ecaddons.com/wp-content/uploads/2024/04/messagebox-boxcontent.png)