Alerts

Custom alerts

Wrong!!! ERROR alert with custom background and text color!
Well done!!! SUCCESS alert with custom background and text color!
News!!! INFO alert with custom background and text color!
Alert!!! ALERT with custom background and text color!

Get the code

[alert title=”Wrong!!!” bg_color=”red” text_color=”white”]ERROR alert with custom background and text color![/alert]
[alert title=”Well done!!!” bg_color=”green” text_color=”white”]SUCCESS alert with custom background and text color![/alert]
[alert title=”News!!!” bg_color=”blue” text_color=”white”]INFO alert with custom background and text color![/alert]
[alert title=”Alert!!!” bg_color=”#DAE1ED” text_color=”#1D3766″]ALERT with custom background and text color![/alert]

Custom block alerts


Block alert!!!

ERROR alert with custom background and text color!


Block alert!!!

SUCCESS alert with custom background and text color!


Block alert!!!

INFO alert with custom background and text color!


Block alert!!!

ALERT with custom background and text color!

Get the code

[alert title=”Block alert!!!” bg_color=”red” text_color=”white” block=”yes”]ERROR alert with custom background and text color![/alert]
[alert title=”Block alert!!!” bg_color=”green” text_color=”white” block=”yes”]SUCCESS alert with custom background and text color![/alert]
[alert title=”Block alert!!!” bg_color=”blue” text_color=”white” block=”yes”]INFO alert with custom background and text color![/alert]
[alert title=”Block alert!!!” bg_color=”#DAE1ED” text_color=”#1D3766″ block=”yes”]ALERT with custom background and text color![/alert]

Default alerts

Error!!! This is an default error alert!
Success!!! This is an default success alert!
Info!!! This is an default info alert!
Default!!! This is an default alert!

Get the code

[alert title=”Error!!!” type=”error”]This is an default error alert![/alert]
[alert title=”Success!!!” type=”success”]This is an default success alert![/alert]
[alert title=”Info!!!” type=”info”]This is an default info alert![/alert]
[alert title=”Default!!!”]This is an default alert![/alert]

Default block alert


Default Big ERROR Alert!!!

This is a BIG Default ERROR alert


Default Big SUCCESS Alert!!!

This is a BIG Default SUCCESS alert


Default Big INFO Alert!!!

This is a BIG Default INFO alert


Default Big DEFAULT Alert!!!

This is a BIG DEFAULT alert

Get the code

[alert title=”Default Big ERROR Alert!!!” block=”yes” type=”error”]This is a BIG Default ERROR alert[/alert]
[alert title=”Default Big SUCCESS Alert!!!” block=”yes” type=”success”]This is a BIG Default SUCCESS alert[/alert]
[alert title=”Default Big INFO Alert!!!” block=”yes” type=”info”]This is a BIG Default INFO alert[/alert]
[alert title=”Default Big DEFAULT Alert!!!” block=”yes”]This is a BIG DEFAULT alert[/alert]

Customization options

Parameter Description
title the alert title
label the text body of the alert
bg_color use color profiles OR custom #color
text_color use color profiles OR custom #color
type the alert type (error, success, info)
block the alert is bigger if block = yes

Color profiles

gray black lime green emerald teal cyan cobalt blue indigo violet pink magenta crimson red orange amber yellow brown olive steel mauve taupe