Notification messages can attract user’s attention when reading long text content. Here are the demo of different notification boxes made with CSS. Learn how to add these widgets in Weebly site. If you are using Bootstrap, use the alert component to create notifications. For WordPress, you can add background to blocks with “Color Settings” from the block’s settings panel.
Notification Message Boxes with Font Icons
This is the info box - You can input as much or as little information!
This is the help box - You can input as much or as little information!
This is the tip box - You can input as much or as little information!
This is the notice box - You can input as much or as little information!
This is the success box - You can input as much or as little information!
This is the danger box - You can input as much or as little information!
This is the warning box - You can input as much or as little information!
Notification Message Boxes with Image Icons
This is an information alert - You can input as much or as little information!
This is an warning alert - You can input as much or as little information!
This is an rejection alert - You can input as much or as little information!
This is an acceptance alert - You can input as much or as little information!