Home / Shortcodes / Buttons

Buttons

Standard Square Buttons

[row]
[col class=»span12″]

[button type=»standard» size=»large» link=»#»]Large Button[/button][button type=»standard» size=»» link=»#»]Default Button[/button][button type=»standard» size=»small» link=»#»]Small Button[/button][button type=»standard» size=»mini» link=»#»]Mini Button[/button]

[/col]
[/row]

[[button type="standard" size="large" link="#"]Large Button[/button]]
[[button type="standard" size="" link="#"]Default Button[/button]]
[[button type="standard" size="small" link="#"]Small Button[/button]]
[[button type="standard" size="mini" link="#"]Mini Button[/button]]

Active Square Buttons

[row]
[col class=»span12″]

[button type=»active» size=»large» link=»#»]Large Button[/button][button type=»active» size=»» link=»#»]Default Button[/button][button type=»active» size=»small» link=»#»]Small Button[/button][button type=»active» size=»mini» link=»#»]Mini Button[/button]

[/col]
[/row]

[[button type="active" size="large" link="#"]Large Button[/button]]
[[button type="active" size="" link="#"]Default Button[/button]]
[[button type="active" size="small" link="#"]Small Button[/button]]
[[button type="active" size="mini" link="#"]Mini Button[/button]]

Borderline Square Buttons

[row]
[col class=»span12″]

[button type=»borderline» size=»large» link=»#»]Large Button[/button][button type=»borderline» size=»» link=»#»]Default Button[/button][button type=»borderline» size=»small» link=»#»]Small Button[/button][button type=»borderline» size=»mini» link=»#»]Mini Button[/button]

[/col]
[/row]

[[button type="borderline" size="large" link="#"]Large Button[/button]]
[[button type="borderline" size="" link="#"]Default Button[/button]]
[[button type="borderline" size="small" link="#"]Small Button[/button]]
[[button type="borderline" size="mini" link="#"]Mini Button[/button]]

Active Borderline Square Buttons

[row]
[col class=»span12″]

[button type=»borderline-active» size=»large» link=»#»]Large Button[/button][button type=»borderline-active» size=»» link=»#»]Default Button[/button][button type=»borderline-active» size=»small» link=»#»]Small Button[/button][button type=»borderline-active» size=»mini» link=»#»]Mini Button[/button]

[/col]
[/row]

[[button type="borderline-active" size="large" link="#"]Large Button[/button]]
[[button type="borderline-active" size="" link="#"]Default Button[/button]]
[[button type="borderline-active" size="small" link="#"]Small Button[/button]]
[[button type="borderline-active" size="mini" link="#"]Mini Button[/button]]

Underline Square Buttons

[row]
[col class=»span12″]

[button type=»underline» size=»large» link=»#»]Large Button[/button][button type=»underline» size=»» link=»#»]Default Button[/button][button type=»underline» size=»small» link=»#»]Small Button[/button][button type=»underline» size=»mini» link=»#»]Mini Button[/button]

[/col]
[/row]

[[button type="underline" size="large" link="#"]Large Button[/button]]
[[button type="underline" size="" link="#"]Default Button[/button]]
[[button type="underline" size="small" link="#"]Small Button[/button]]
[[button type="underline" size="mini" link="#"]Mini Button[/button]]

Square Buttons with Arrows

[row]
[col class=»span12″]

[button type=»arrow» size=»large» link=»#»]Large Button[/button][button type=»arrow» size=»» link=»#»]Default Button[/button][button type=»arrow» size=»small» link=»#»]Small Button[/button][button type=»arrow» size=»mini» link=»#»]Mini Button[/button]

[/col]
[/row]

[[button type="arrow" size="large" link="#"]Large Button[/button]]
[[button type="arrow" size="" link="#"]Default Button[/button]]
[[button type="arrow" size="small" link="#"]Small Button[/button]]
[[button type="arrow" size="mini" link="#"]Mini Button[/button]]

Rounder Buttons

[row]
[col class=»span12″]

[button type=»rounder» size=»large» link=»#»]Large Button[/button][button type=»rounder» size=»» link=»#»]Default Button[/button][button type=»rounder» size=»small» link=»#»]Small Button[/button][button type=»rounder» size=»mini» link=»#»]Mini Button[/button]

[/col]
[/row]

[[button type="rounder" size="large" link="#"]Large Button[/button]]
[[button type="rounder" size="" link="#"]Default Button[/button]]
[[button type="rounder" size="small" link="#"]Small Button[/button]]
[[button type="rounder" size="mini" link="#"]Mini Button[/button]]

Color Buttons

[row]
[col class=»span12″]

[button type=»color» size=»» link=»#»]Default Button[/button][button type=»cyan» size=»» link=»#»]Default Button[/button][button type=»yellowgreen» size=»» link=»#»]Default Button[/button][button type=»darkblue» size=»» link=»#»]Default Button[/button][button type=»purple» size=»» link=»#»]Default Button[/button][button type=»gray» size=»» link=»#»]Default Button[/button][button type=»silver» size=»» link=»#»]Default Button[/button]

[/col]
[/row]

[[button type="color" size="" link="#"]Default Button[/button]]
[[button type="cyan" size="" link="#"]Default Button[/button]]
[[button type="yellowgreen" size="" link="#"]Default Button[/button]]
[[button type="darkblue" size="" link="#"]Default Button[/button]]
[[button type="purple" size="" link="#"]Default Button[/button]]
[[button type="gray" size="" link="#"]Default Button[/button]]
[[button type="silver" size="" link="#"]Default Button[/button]]

Color Buttons with Arrows

[row]
[col class=»span12″]

[button type=»arrow-color» size=»» link=»#»]Default Button[/button][button type=»arrow-cyan» size=»» link=»#»]Default Button[/button][button type=»arrow-yellowgreen» size=»» link=»#»]Default Button[/button][button type=»arrow-darkblue» size=»» link=»#»]Default Button[/button][button type=»arrow-purple» size=»» link=»#»]Default Button[/button][button type=»arrow-gray» size=»» link=»#»]Default Button[/button][button type=»arrow-silver» size=»» link=»#»]Default Button[/button]

[/col]
[/row]

[[button type="arrow-color" size="" link="#"]Default Button[/button]]
[[button type="arrow-cyan" size="" link="#"]Default Button[/button]]
[[button type="arrow-yellowgreen" size="" link="#"]Default Button[/button]]
[[button type="arrow-darkblue" size="" link="#"]Default Button[/button]]
[[button type="arrow-purple" size="" link="#"]Default Button[/button]]
[[button type="arrow-gray" size="" link="#"]Default Button[/button]]
[[button type="arrow-silver" size="" link="#"]Default Button[/button]]