Grab attention and hold it

×Heads up! This is an alert that needs your attention, but it’s not a huge priority just yet.
×Well done! You successfully read this alert message.
×Holy guacamole! Best check yo self, you’re not looking too good.
×Oh snap! Change this and that and try again.

Get The Code

[alert type="info" show_close="true"]...[/alert]
[alert type="success" show_close="true"]...[/alert]
[alert type="warning" show_close="true"]...[/alert]
[alert type="error" show_close="true"]...[/alert]

Customization Options

  • type – the kind of alert it is (info, success, warning or error)
  • show_close – whether to show the close button 'x' on the right
  • color – the background color of the alert (you can choose any color you like)