Element – Alert Messages

[vc_row][vc_column][vc_empty_space][sh_headerdouble size=”h5″]

Alert Boxes with Close

[/sh_headerdouble][vc_empty_space][sh_alert close=”enable” enablefont=”disable” icon=”fa fa-glass”]

This is a General Purpose message box.

[/sh_alert][sh_alert close=”enable” enablefont=”disable” type=”info” icon=”fa fa-glass”]

This is an Informational message box.

[/sh_alert][sh_alert close=”enable” enablefont=”disable” type=”success” icon=”fa fa-glass”]

This is a Successful message box.

[/sh_alert][sh_alert close=”enable” enablefont=”disable” type=”warning” icon=”fa fa-glass”]

This is a Warning message box.

[/sh_alert][sh_alert close=”enable” enablefont=”disable” type=”error” icon=”fa fa-glass”]

This is an Error message box.

[/sh_alert][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space][sh_headerdouble size=”h5″]

Alert Boxes with Icons

[/sh_headerdouble][vc_empty_space][sh_alert close=”enable” enablefont=”enable” icon=”fa fa-thumbs-o-up”]

This is a General Purpose message box. Use icons if you like!

[/sh_alert][sh_alert close=”enable” enablefont=”enable” type=”info” icon=”fa fa-info-circle”]

This is an Informational message box.

[/sh_alert][sh_alert close=”enable” enablefont=”enable” type=”success” icon=”fa fa-check-square-o”]

This is a Successful message box.

[/sh_alert][sh_alert close=”enable” enablefont=”enable” type=”warning” icon=”fa fa-unlock-alt”]

This is a Warning message box.

[/sh_alert][sh_alert close=”enable” enablefont=”enable” type=”error” icon=”fa fa-exclamation-triangle”]

This is an Error message box.

[/sh_alert][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space][sh_headerdouble size=”h5″]

Simple Alert Boxes

[/sh_headerdouble][vc_empty_space][sh_alert close=”disable” enablefont=”disable” icon=”fa fa-thumbs-o-up”]

This is a General Purpose message box. Use icons if you like!

[/sh_alert][sh_alert close=”disable” enablefont=”disable” type=”info” icon=”fa fa-info-circle”]

This is an Informational message box.

[/sh_alert][sh_alert close=”disable” enablefont=”disable” type=”success” icon=”fa fa-check-square-o”]

This is a Successful message box.

[/sh_alert][sh_alert close=”disable” enablefont=”disable” type=”warning” icon=”fa fa-unlock-alt”]

This is a Warning message box.

[/sh_alert][sh_alert close=”disable” enablefont=”disable” type=”error” icon=”fa fa-exclamation-triangle”]

This is an Error message box.

[/sh_alert][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space][sh_headerdouble size=”h5″]

Even create your own custom colored alerts

[/sh_headerdouble][vc_empty_space][sh_alert close=”enable” enablefont=”enable” type=”custom” background=”rgba(255,255,255,0.91)” bordercolor=”rgba(2,2,2,0.15)” icon=”fa fa-bookmark”]

Use any color font, any color background, and any color border.

[/sh_alert][sh_alert close=”enable” enablefont=”enable” type=”custom” background=”rgba(52,85,193,0.92)” fontcolor=”#efefef” bordercolor=”#1332f9″ icon=”fa fa-check-circle”]

Credence gives you the most options to customize your site.

[/sh_alert][sh_alert close=”enable” enablefont=”enable” type=”custom” background=”rgba(255,94,94,0.91)” fontcolor=”#efefef” icon=”fa fa-heart”]

Why? Because we love you guys!

[/sh_alert][vc_empty_space][/vc_column][/vc_row][vc_row css=”.vc_custom_1440056207587{margin-bottom: 0px !important;}”][vc_column][shvc_colorbg backgroundcolor=”#eeeeee” fontcolor=”#444444″][vc_empty_space height=”30px”][sh_headerdouble size=”h4″]

Features

[/sh_headerdouble][vc_row_inner][vc_column_inner width=”1/2″][shvc_checklist iconset=”linear” iconlinear=”icon-check-square”][shvc_checklist_item]

Toggle enabling the close message functionality

[/shvc_checklist_item][shvc_checklist_item]

Toggle enabling the icon before your message

[/shvc_checklist_item][shvc_checklist_item]

Set a custom size for your text

[/shvc_checklist_item][/shvc_checklist][/vc_column_inner][vc_column_inner width=”1/2″][shvc_checklist iconset=”linear” iconlinear=”icon-check-square”][shvc_checklist_item]

Choose preset styles or create a custom colored message box

[/shvc_checklist_item][shvc_checklist_item]

Use any included Font icons with your message

[/shvc_checklist_item][/shvc_checklist][/vc_column_inner][/vc_row_inner][vc_empty_space height=”30px”][/shvc_colorbg][/vc_column][/vc_row]