Let your visitors can see the Alert box on your website using the Message Box widget. By using the Message Box widget’s style option you can create a different layout for alert boxes.
How to use the Message Box Widget of The Plus Addons For Elementor
The Message Box widget comes with a simple layout With tons of styling and customization options you can create a pleasant-looking layout for your websites.
Search for the Message Box element from the Elementor screen in the left and then drag and drop it into the content building area. After dropping the element, you will see three tabs i.e. Content, Style, and Advanced related to the Message Box widget. First, click on the Content tab.
You can set the heading of your Alert Box with this option.
You can set the description of your Alert Box with this option.
With this option, you can set the icon before the content of the alert box, And then you can design the right one.
With this option, you can set the icon after the content of the alert box, And then you can design the right one. When you click on the close button icon, the following content will be hidden.
Closing Animation Duration
This option is for how quickly you want to hide the Alert Box when you click on the close button icon.
The Style tab is used for customizing the look of all the Message Box widget components such as Title, Description, Main Icon, Arrow, Close Button, and Box Background Options.
Set Typography, Padding, Text color, Background, and Box shadow for the Title here.
Set Typography, Padding, Text color, Background and Border Radius for the Description here.
Main Icon Style
Set Size, Width, color, Background, Border, Border Radius, and Box shadow for the Main Icon here.
Set color for the Arrow here.
Close Button Style
Set Size, Width, color, Background, Border Radius, and Box shadow for the Close Button here.
Box Background Style
Set Padding, Background, Border, Border Radius, and Box shadow for the Box here.