DEFAULT ALERT BOXES

THESE WOULD BE OUR PREDEFINED OPTIONS

WITHOUT ICONS

[webuild_alert bgcolor=»#e9ffd9″]WELL DONE! You successfully read this important message.[/webuild_alert][webuild_alert type=»info» bgcolor=»#e3f7fc»]HEADS UP! This alert needs your attention, but it’s not super important.[/webuild_alert][webuild_alert type=»warning» bgcolor=»#fff8c4″]WARNING! Better check yourself, you’re not looking too good.[/webuild_alert][webuild_alert bgcolor=»#ffecec»]OH SNAP! Change a few things up and try submitting again.[/webuild_alert][webuild_alert type=»note» bgcolor=»#ecf0f1″]NOTABLE MESSAGE! You message goes here.[/webuild_alert]

WITH ICONS

[webuild_alert bgcolor=»#e9ffd9″ icon=»im-checkmark3″]WELL DONE! You successfully read this important message.[/webuild_alert][webuild_alert type=»info» bgcolor=»#e3f7fc» icon=»im-info»]HEADS UP! This alert needs your attention, but it’s not super important.[/webuild_alert][webuild_alert type=»warning» bgcolor=»#fff8c4″ icon=»im-warning»]WARNING! Better check yourself, you’re not looking too good.[/webuild_alert][webuild_alert bgcolor=»#ffecec» icon=»fa-unlink»]OH SNAP! Change a few things up and try submitting again.[/webuild_alert][webuild_alert type=»note» bgcolor=»#ecf0f1″ icon=»im-notebook»]NOTABLE MESSAGE! You message goes here.[/webuild_alert]

OUTLINED ALERT BOXES

THESE WOULD BE OUR PREDEFINED OPTIONS

WITHOUT ICONS

[webuild_alert outlined=»1″ close=»1″ border_color=»#2ecc71″ text_color=»#ffffff»]Succes: I am alert box. Click edit button to change this text.[/webuild_alert][webuild_alert type=»info» outlined=»1″ close=»1″ border_color=»#a0e7ff» text_color=»#a0e7ff»]Info: I am alert box. Click edit button to change this text.[/webuild_alert][webuild_alert type=»warning» outlined=»1″ close=»1″ border_color=»#f1c40f» text_color=»#f1c40f»]Warning: I am alert box. Click edit button to change this text.[/webuild_alert][webuild_alert type=»danger» outlined=»1″ close=»1″ text_color=»#f7a093″]Danger: I am alert box. Click edit button to change this text.[/webuild_alert][webuild_alert type=»note» outlined=»1″ close=»1″]Note: I am alert box. Click edit button to change this text.[/webuild_alert]

WITH ICONS

[webuild_alert outlined=»1″ close=»1″ border_color=»#2ecc71″ text_color=»#ffffff» icon=»im-checkmark3″]Succes: I am alert box. Click edit button to change this text.[/webuild_alert][webuild_alert type=»info» outlined=»1″ close=»1″ border_color=»#a0e7ff» text_color=»#a0e7ff» icon=»im-info»]Info: I am alert box. Click edit button to change this text.[/webuild_alert][webuild_alert type=»warning» outlined=»1″ close=»1″ border_color=»#f1c40f» text_color=»#f1c40f» icon=»im-warning»]Warning: I am alert box. Click edit button to change this.[/webuild_alert][webuild_alert type=»danger» icon=»fa-unlink» outlined=»1″ close=»1″ text_color=»#f7a093″]Danger: I am alert box. Click edit button to change this text.[/webuild_alert][webuild_alert type=»note» icon=»im-pencil6″ outlined=»1″ close=»1″]Note: I am alert box. Click edit button to change this text.[/webuild_alert]

FULL WIDTH ALERT BOXES

THESE WOULD BE OUR PREDEFINED OPTIONS

WITHOUT ICONS

[webuild_alert bgcolor=»#e9ffd9″]WELL DONE! You successfully read this important message.[/webuild_alert][webuild_alert type=»info» bgcolor=»#e3f7fc»]HEADS UP! This alert needs your attention, but it’s not super important.[/webuild_alert][webuild_alert type=»warning» bgcolor=»#fff8c4″]WARNING! Better check yourself, you’re not looking too good.[/webuild_alert][webuild_alert bgcolor=»#ffecec»]OH SNAP! Change a few things up and try submitting again.[/webuild_alert][webuild_alert type=»note» bgcolor=»#ecf0f1″]NOTABLE MESSAGE! You message goes here.[/webuild_alert]

WITH ICONS

[webuild_alert bgcolor=»#e9ffd9″ icon=»im-checkmark3″]WELL DONE! You successfully read this important message.[/webuild_alert][webuild_alert type=»info» bgcolor=»#e3f7fc» icon=»im-info»]HEADS UP! This alert needs your attention, but it’s not super important.[/webuild_alert][webuild_alert type=»warning» bgcolor=»#fff8c4″ icon=»im-warning»]WARNING! Better check yourself, you’re not looking too good.[/webuild_alert][webuild_alert bgcolor=»#ffecec» icon=»fa-unlink»]OH SNAP! Change a few things up and try submitting again.[/webuild_alert][webuild_alert type=»note» bgcolor=»#ecf0f1″ icon=»im-notebook»]NOTABLE MESSAGE! You message goes here.[/webuild_alert]