[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