Alerts & Info Boxes

Alert and Info boxes are very similar, but have a couple of differences. Alerts are a newer element to the framework that was added with the addition of Bootstrap. However, info boxes provide a slightly different effect and look; they’ve been around in the framework since the beginning, and so we wanted to make sure and keep them for any buyers still using these features.

So, take your pick! What’s it going to be? Alerts or info boxes?

Alerts

Alerts have been added with the framework’s addition of Bootstrap. Use them to relay some important information within your content without attracting as much attention as the info boxes.

General Usage

[alert style="info" close="true"]<strong>Hey, you!</strong> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.[/alert]

Options

Optional arguments
 - style: info, success, danger, warning
 - close: Show close button or not - true, false

Basic Styles

[raw]

[/raw]

Adding “Close” Buttons

[raw]

[/raw]

Info Boxes

Info boxes used to take on a specific style that had an associated icon, however we’ve changed this as of v2.2 of our framework. You can now associate the style with a certain color, and then optionally insert any FontAwesome icon.

General Usage

[box style="red" icon="star"]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.[/box]

[box style="green"]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.[/box]

Options

Optional arguments
 - style: blue, green, grey, orange, purple, red, teal, yellow (view colors)
 - icon: Optional icon in upper left corner (view icons)

Colors