Display important messages such as information, success, error, warning and other custom messages in the way that grabs visitors' attention.
How Message Box Works
Message Box element is a great way to draw customers’ attention to any notification you want to give them. You can choose from 4 default types of message boxes or add your own custom messages.
Depending on your site design, choose the appropriate colors for message text, background and border as well as customize border style, thickness and radius. Also, you can add icons from 2 icon libraries with custom options including icon size, color and background color.
I am message box. Click edit button to change this text.
I am message box. Click edit button to change this text.
I am message box. Click edit button to change this text.
I am message box. Click edit button to change this text.
I am message box. Click edit button to change this text.
I am message box. Click edit button to change this text.
I am message box. Click edit button to change this text.
I am message box. Click edit button to change this text.
I am message box. Click edit button to change this text.
I am message box. Click edit button to change this text.
I am message box. Click edit button to change this text.
I am message box. Click edit button to change this text.
4 Default Message Types
By default, Message Box element supports 4 message types: Information, Warning, Success and Error. However, you can create your own custom message box based on each situation.
Information Message Type
Success Message Type
Warning Message Type
Error Message Type
Color Control
Choose colors for message text, background and border.
Control message text, background and border color
Control message text, background and border color
Control message text, background and border color
Icon
Add relevant icon for your message from 2 icon libraries (Awesome 5 and Open Iconic) with custom icon size, color and background color.
Customize icon size, color and background color
Customize icon size, color and background color
Customize icon size, color and background color
Border Control
Message Box element gives you full control over border thickness, radius and style.
