Shortcodes – Boxes

Shortcodes – Boxes

55+ [highlight color=”gray”]useful[/highlight] shortcodes make editing content a snap. Select from simple HTML formatting (like highlights, dropcaps, spacings etc.) to complete plugins (sliders, maps, tabs etc.) To make life easier, there is an advance inbuilt ‘Shortcode Generator’ so you don’t have to go around hunting for Shortcode syntax (or worse, memorizing each and every option of your favorite shortcode).

[break]

Simple Box

Simple Boxes come with pre-existing color sets (Black, Gray, White, Blue, Yellow, Red, Orange, Green, Pink, Purple), or set your own background color and text color.

[simple_box color=”white”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/simple_box]

[simple_box color=”yellow”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/simple_box]

[simple_box color=”blue”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/simple_box]

Title Box

Title Boxes come with pre-existing color sets (Black, Gray, White, Blue, Yellow, Red, Orange, Green, Pink, Purple), or set your own background color and text color.

[title_box title=”Title Box” color=”black”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/title_box]
[title_box title=”Title Box” color=”orange”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/title_box]
[title_box title=”Title Box” color=”green”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/title_box]

Alert Box

Alert Boxes are special boxes which can be used for specific purposes. There are 8 type of Alert Boxes available. These are Alert, Check, Cross, Info, Plus, Document, Note, Chat.

[alert_box type=”alert”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/alert_box]

[alert_box type=”check”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/alert_box]

[alert_box type=”cross”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/alert_box]

[alert_box type=”info”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/alert_box]

[alert_box type=”plus”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/alert_box]

[alert_box type=”document”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/alert_box]

[alert_box type=”note”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/alert_box]

[alert_box type=”chat”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.[/alert_box]

Icon Box

Icon boxes display your text with any of the 24 pre-existing icons in 3 formats (Medium, Big, Long). Or you can upload your own background/icon and specify corresponding left-padding for the text.

[tabset tab1=”Long Size” tab2=”Big Size” tab3=”Medium Size”] [tab]
[icon_box icon=”Info” iconsize=”long”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Star” iconsize=”long”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Pencil” iconsize=”long”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Doc” iconsize=”long”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Note” iconsize=”long”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Frame” iconsize=”long”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Thumbs Up” iconsize=”long”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Chat” iconsize=”long”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Settings” iconsize=”long”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Gear” iconsize=”long”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Roller” iconsize=”long”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Target 1″ iconsize=”long”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Target 2″ iconsize=”long”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Display” iconsize=”long”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Search” iconsize=”long”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”User” iconsize=”long”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Play” iconsize=”long”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Cross” iconsize=”long”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Bar Graph” iconsize=”long”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Pie Chart” iconsize=”long”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Wheel” iconsize=”long”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Plane” iconsize=”long”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Bin” iconsize=”long”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Plus” iconsize=”long”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[/tab][tab]
[icon_box icon=”Info” iconsize=”big”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Star” iconsize=”big”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Pencil” iconsize=”big”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Doc” iconsize=”big”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Note” iconsize=”big”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Frame” iconsize=”big”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Thumbs Up” iconsize=”big”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Chat” iconsize=”big”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Settings” iconsize=”big”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Gear” iconsize=”big”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Roller” iconsize=”big”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Target 1″ iconsize=”big”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Target 2″ iconsize=”big”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Display” iconsize=”big”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Search” iconsize=”big”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”User” iconsize=”big”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Play” iconsize=”big”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Cross” iconsize=”big”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Bar Graph” iconsize=”big”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Pie Chart” iconsize=”big”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Wheel” iconsize=”big”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Plane” iconsize=”big”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Bin” iconsize=”big”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Plus” iconsize=”big”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[/tab][tab]
[icon_box icon=”Info” iconsize=”medium”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Star” iconsize=”medium”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Pencil” iconsize=”medium”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Doc” iconsize=”medium”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Note” iconsize=”medium”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Frame” iconsize=”medium”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Thumbs Up” iconsize=”medium”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Chat” iconsize=”medium”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Settings” iconsize=”medium”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Gear” iconsize=”medium”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Roller” iconsize=”medium”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Target 1″ iconsize=”medium”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Target 2″ iconsize=”medium”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Display” iconsize=”medium”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Search” iconsize=”medium”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”User” iconsize=”medium”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Play” iconsize=”medium”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Cross” iconsize=”medium”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Bar Graph” iconsize=”medium”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Pie Chart” iconsize=”medium”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Wheel” iconsize=”medium”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Plane” iconsize=”medium”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Bin” iconsize=”medium”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[icon_box icon=”Plus” iconsize=”medium”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id nibh ut dui feugiat vehicula. Morbi nec tortor quis nisi tempor[/icon_box]
[/tab][/tabset]

[vspace][top]