Alert Boxes

[one_fourth][accordiongroup][accordion title=”Add-ons”][sidenav][sideitem link=”http://weblusive-themes.com/evolution/styling/alert-boxes/”]Alert Boxes[/sideitem][sideitem link=”http://weblusive-themes.com/evolution/styling/panels/”]Panels[/sideitem][sideitem link=”http://weblusive-themes.com/evolution/styling/pricing-tables/”]Pricing Tables[/sideitem][sideitem link=”http://weblusive-themes.com/evolution/styling/progress-bars/”]Progress Bars[/sideitem][sideitem link=”http://weblusive-themes.com/evolution/styling/tables/”]Tables[/sideitem][sideitem link=”http://weblusive-themes.com/evolution/styling/thumbnails/”]Thumbnails[/sideitem][sideitem link=”http://weblusive-themes.com/evolution/styling/flex-video/”]Flex Video[/sideitem][/sidenav][/accordion][/accordiongroup] [/one_fourth] [three_fourth]

Alert Boxes

Alerts are a handy element you can drop into a form or inline on a page to communicate success, warnings, failure or just information. They’ll conform to 100% of the container width you put them in. [alert color=”success” ]This is a success alert (div.alert-box.success).[/alert] [alert color=”alert” ]This is an alert (div.alert-box.alert).[/alert] [alert type=”radius”]This is a standard alert (div.alert-box.radius).[/alert] [alert color=”secondary” type=”round”]This is a secondary alert (div.alert-box.secondary.round).[/alert] Building an alert using our predefined class is super-easy, you only need a block-level element with a class of .alert-box (we usually use a <div>). You may also include an anchor with a class of .close to create a close box. [/three_fourth]