[raw] [message type=”info” show_close=”true”]Heads up! This is an alert that needs your attention, but it’s not a huge priority just yet.[/message] [message type=”success” show_close=”true”]Well done! You successfully read this alert message.[/message] [message type=”warning” show_close=”true”]Holy guacamole! Best check yo self, you’re not looking too good.[/message] [message type=”error” show_close=”true”]Oh snap! Change this and that and try again.[/message] [spacer height=”23px”]
[spacer height=”24px”] [/raw] [raw]

Get The Code

[spacer height=”4px”] [codebox line_numbers=”true” remove_breaks=”true” lang=”html”] [[message type=”info” show_close=”true”]…[/message]] [[message type=”success” show_close=”true”]…[/message]] [[message type=”warning” show_close=”true”]…[/message]] [[message type=”error” show_close=”true”]…[/message]] [/codebox] [spacer height=”23px”]
[spacer height=”24px”] [/raw] [raw]

Customization Options

[list_item]type – the kind of message it is (info, success, warning or error)[/list_item] [list_item]show_close – whether to show the close button ‘x’ on the right[/list_item] [list_item]color – the background color of the message (you can choose any color you like)[/list_item] [list_item]border – the border color of the message[/list_item]