4 Default Message Types Or Build Your Own<\/strong><\/span><\/p>\nThere are 4 default\u00a0message types: general, error, success, notice. \u00a0And a “custom” message type can be used to customize the elements.<\/p>\n<\/div>
<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div>
\n\t\t\t\t\t
\n\t\t\t\t\t\t
×<\/button><\/i><\/span>Default General Message Type<\/span><\/div><\/div><\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>
\n\t\t\t\t\t
\n\t\t\t\t\t\t
×<\/button><\/i><\/span>Default Error Message Type<\/span><\/div><\/div><\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>
\n\t\t\t\t\t
\n\t\t\t\t\t\t
×<\/button><\/i><\/span>Default Success Message Type<\/span><\/div><\/div><\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>
\n\t\t\t\t\t
\n\t\t\t\t\t\t
×<\/button><\/i><\/span>Default Notice Message Type<\/span><\/div><\/div><\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div>
\n\t\t\t\t\t
\n\t\t\t\t\t\t
Customization Settings<\/strong><\/span><\/p>\nThe shortcode options allow you to set background colors, accent colors (text\/icon), border size and color, and display a bottom shadow.<\/p>\n<\/div>
<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div>
\n\t\t\t\t\t
\n\t\t\t\t\t\t
×<\/button><\/i><\/span>Fully Customizable Settings!<\/span><\/div><\/div><\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>
\n\t\t\t\t\t
\n\t\t\t\t\t\t
×<\/button><\/i><\/span>Customize The Background Color<\/span><\/div><\/div><\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>
\n\t\t\t\t\t
\n\t\t\t\t\t\t
×<\/button><\/i><\/span>Customize The Accent Colors<\/span><\/div><\/div><\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>
\n\t\t\t\t\t
\n\t\t\t\t\t\t
×<\/button><\/i><\/span>Control The Border Size<\/span><\/div><\/div><\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>
\n\t\t\t\t\t
\n\t\t\t\t\t\t
×<\/button><\/i><\/span>Control The Border Color<\/span><\/div><\/div><\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>
\n\t\t\t\t\t
\n\t\t\t\t\t\t
×<\/button><\/i><\/span>Subtle Box Shadow Setting<\/span><\/div><\/div><\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div>
\n\t\t\t\t\t
\n\t\t\t\t\t\t
Animation Settings<\/strong><\/span><\/p>\nAlert boxes can have CSS3 animations. This allow the box to animate when it comes into the viewport to\u00a0helps catch the viewers eye.<\/p>\n<\/div>
<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div>
\n\t\t\t\t\t
\n\t\t\t\t\t\t
×<\/button><\/i><\/span>Bounce Animation Setting<\/span><\/div><\/div><\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>
\n\t\t\t\t\t
\n\t\t\t\t\t\t
×<\/button><\/i><\/span>Slide Animation Setting<\/span><\/div><\/div><\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>
\n\t\t\t\t\t
\n\t\t\t\t\t\t
×<\/button><\/i><\/span>Flash Animation Setting<\/span><\/div><\/div><\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>
\n\t\t\t\t\t
\n\t\t\t\t\t\t
×<\/button><\/i><\/span>Shake Animation Setting<\/span><\/div><\/div><\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div>
\n\t\t\t\t\t
\n\t\t\t\t\t\t
Complete Set of Options\u00a0<\/strong><\/span><\/p>\nEvery option and description included with the alert shortcode is listed below.<\/p>\n<\/div>
<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div>
\n\t\t\t\t\t
\n\t\t\t\t\t\t
<\/i><\/span>type<\/strong> – Can be one of these values: general, error, success, notice, <\/em>or custom.<\/em> Sets the type of alert message.<\/div><\/li><\/i><\/span>accent_color<\/strong> – Custom <\/em>setting only. Accepts a hexcode ( #000000 ). <\/em> Sets the border, text and icon color.<\/div><\/li><\/i><\/span>background_color<\/strong> – Custom<\/em> setting only. Accept a hexcode ( #000000 ). <\/em>Sets the background color.<\/div><\/li><\/i><\/span>border_size<\/strong> – Custom <\/em>setting only. Accepts a pixel value. For example, 1px.<\/em> Sets border width.<\/div><\/li><\/i><\/span>