The Essential Buttons

[one_half last=”no”]
[title padding_top=0 padding_bottom=10 style=line]Small[/title]
[button color=”peach” size=”small” link=”#”]Peach[/button] [button size=”small” link=”#” color=”magenta”]Magenta[/button] [button color=”red” size=”small” link=”#”]Red[/button] [button color=”orange” size=”small” link=”#”]Orange[/button] [button color=”yellow” size=”small” link=”#”]Yellow[/button] [button color=”green” size=”small” link=”#”]Green[/button] [button color=”sage” size=”small” link=”#”]Sage[/button] [button color=”blue” size=”small” link=”#”]Blue[/button] [button color=”navy” size=”small” link=”#”]Navy[/button] [button color=”purple” size=”small” link=”#”]Purple[/button] [button color=”brown” size=”small” link=”#”]Brown[/button] [button color=”black” size=”small” link=”#”]Black[/button] [button color=”dark” size=”small” link=”#”]Dark[/button] [button color=”gray” size=”small” link=”#”]Gray/Grey[/button] [button color=”#00A0BF” size=”small” link=”#”]#00A0BF[/button]
[/one_half]

[one_half last=”yes”]
[title padding_top=0 padding_bottom=10 style=single]Medium[/title]
[button color=”peach” size=”medium” link=”#”]Button[/button] [button color=”magenta” size=”medium” link=”#”]Button[/button] [button color=”red” size=”medium” link=”#”]Button[/button] [button color=”orange” size=”medium” link=”#”]Button[/button] [button color=”yellow” size=”medium” link=”#”]Button[/button] [button color=”green” size=”medium” link=”#”]Button[/button] [button color=”sage” size=”medium” link=”#”]Button[/button] [button color=”blue” size=”medium” link=”#”]Button[/button] [button color=”navy” size=”medium” link=”#”]Button[/button] [button color=”purple” size=”medium” link=”#”]Button[/button] [button color=”brown” size=”medium” link=”#”]Button[/button] [button color=”black” size=”medium” link=”#”]Button[/button] [button color=”dark” size=”medium” link=”#”]Button[/button] [button color=”gray” size=”medium” link=”#”]Button[/button]
[/one_half]

[divider height=”40″]

[title padding_top=0 padding_bottom=10 style=single]Large[/title]
[button color=”peach” size=”large” link=”#”]Button[/button] [button color=”magenta” size=”large” link=”#”]Button[/button] [button color=”red” size=”large” link=”#”]Button[/button] [button color=”orange” size=”large” link=”#”]Button[/button] [button color=”yellow” size=”large” link=”#”]Button[/button] [button color=”green” size=”large” link=”#”]Button[/button] [button color=”sage” size=”large” link=”#”]Button[/button] [button color=”blue” size=”large” link=”#”]Button[/button] [button color=”navy” size=”large” link=”#”]Button[/button] [button color=”purple” size=”large” link=”#”]Button[/button] [button color=”brown” size=”large” link=”#”]Button[/button] [button color=”black” size=”large” link=”#”]Button[/button] [button color=”dark” size=”large” link=”#”]Button[/button] [button color=”gray” size=”large” link=”#”]Button[/button]

[hide]

[divider height=”50″]

You can also choose between “outline” and “thin outline”!

[one_half last=”no”]
[title padding_top=0 padding_bottom=10 style=line]Outline[/title]
[button color=”peach” size=”medium” link=”#” style=”outline”]Button[/button] [button color=”magenta” size=”medium” link=”#” style=”outline”]Button[/button] [button color=”red” size=”medium” link=”#” style=”outline”]Button[/button] [button color=”orange” size=”medium” link=”#” style=”outline”]Button[/button] [button color=”yellow” size=”medium” link=”#” style=”outline”]Button[/button] [button color=”green” size=”medium” link=”#” style=”outline”]Button[/button] [button color=”sage” size=”medium” link=”#” style=”outline”]Button[/button] [button color=”blue” size=”medium” link=”#” style=”outline”]Button[/button] [button color=”navy” size=”medium” link=”#” style=”outline”]Button[/button] [button color=”purple” size=”medium” link=”#” style=”outline”]Button[/button] [button color=”brown” size=”medium” link=”#” style=”outline”]Button[/button] [button color=”black” size=”medium” link=”#” style=”outline”]Button[/button] [button color=”dark” size=”medium” link=”#” style=”outline”]Button[/button] [button color=”gray” size=”medium” link=”#” style=”outline”]Button[/button]
[/one_half]

[one_half last=”yes”]

[title padding_top=0 padding_bottom=10 style=line]Thin Outline[/title]
[button color=”peach” size=”medium” link=”#” style=”thin outline”]Button[/button] [button color=”magenta” size=”medium” link=”#” style=”thin outline”]Button[/button] [button color=”red” size=”medium” link=”#” style=”thin outline”]Button[/button] [button color=”orange” size=”medium” link=”#” style=”thin outline”]Button[/button] [button color=”yellow” size=”medium” link=”#” style=”thin outline”]Button[/button] [button color=”green” size=”medium” link=”#” style=”thin outline”]Button[/button] [button color=”sage” size=”medium” link=”#” style=”thin outline”]Button[/button] [button color=”blue” size=”medium” link=”#” style=”thin outline”]Button[/button] [button color=”navy” size=”medium” link=”#” style=”thin outline”]Button[/button] [button color=”purple” size=”medium” link=”#” style=”thin outline”]Button[/button] [button color=”brown” size=”medium” link=”#” style=”thin outline”]Button[/button] [button color=”black” size=”medium” link=”#” style=”thin outline”]Button[/button] [button color=”dark” size=”medium” link=”#” style=”thin outline”]Button[/button] [button color=”gray” size=”medium” link=”#” style=”thin outline”]Button[/button]

[/one_half]

[divider height=”20″]

[code]

Button Shortcode

================

 

[button url=”#” target=”_blank” color=”primary” size=”medium” style=”traditional”] Button Text [/button]

 

Size: small, medium (default), large
Color: primary color (default), magenta, red, peach, orange, yellow, green, sage, blue, purple, brown, black, dark, gray/grey… or use a hex color code like “#00A0BF”
Target: _blank, _self
Style: traditional (default), flat, outline, thin outline

[/code]

[space count=”2″]

[/hide]

No Comments

    Leave a Reply