Here’s another great example of how some simple CSS can bring on some really nice design style. They’re called info boxes and it’s really just a formatted background with a border color and these have a little icon on the left side. Can you tweak it to pieces and customize it? Well, probably, but the point of these is really to just use what you get out of the box and you have some nice styles that are easy to implement, easy to manage, and look smart. Need to edit that file in Photoshop? Nope. How about ask your designer to create a new color box with borders. Oh, built in.

[threecol_one][box]This is an normal box. No rounded corners and only borders on top and bottom.[/box][/threecol_one]
[threecol_one][box type=”info”]This is a info box. Has a little icon to the left.[/box][/threecol_one]
[threecol_one_last][box type=”tick” style=”rounded” border=”full”]Here’s a tick box with rounded borders and borders full (not just top and bottom).[/box][/threecol_one_last]
[threecol_one][box type=”note”]This is a note box[/box][/threecol_one]
[threecol_one][box type=”download”]This is an download box[/box][/threecol_one]
[threecol_one_last][box type=”alert”]This is an alert box[/box][/threecol_one_last]
[divider_flat]