Attributes

  • link
  • linkTarget
  • title
  • colorStyle
  • alt
  • size: (small, medium, large)
  • type: (square, small_round, round)
  • uppercase
  • full
  • width
  • align
  • id: (optional)
  • className: (optional)
  • lightbox: true or false
  • group
  • customColor
  • textColor
  • borderColor

Different Sizes

Small Button Medium Button Large Button
Small Button Medium Button Large Button
Small Button Medium Button Large Button
[button colorStyle="grey" size="small" type="square"]Small Button[/button] [button colorStyle="grey" size="medium" type="square"]Medium Button[/button] [button colorStyle="grey" size="large" type="square"]Large Button[/button] [button colorStyle="grey" size="small"]Small Button[/button] [button colorStyle="grey" size="medium"]Medium Button[/button] [button colorStyle="grey" size="large"]Large Button[/button] [button colorStyle="grey" size="small" type="round"]Small Button[/button] [button colorStyle="grey" size="medium" type="round"]Medium Button[/button] [button colorStyle="grey" size="large" type="round"]Large Button[/button]

WhoaThemes Color Scheme Buttons

Button Button Button Button Button Button
Button Button Button Button Button Button
Button Button Button Button Button Button
Button Button Button Button Button Button
Button Button Button Button Button Button
Button Button Button Button Button Button
Button Button Button Button Button Button
Button Button Button Button Button Button
Button Button Button Button Button Button
Button Button Button Button Button Button
Button Button Button Button Button Button
Button Button Button Button Button Button
Button Button Button Button Button Button
Button Button Button Button Button Button
Button Button Button Button Button Button
Button Button Button Button Button Button
Button Button Button Button Button Button
Button Button Button Button Button Button
Button Button Button Button Button Button
Button Button Button Button Button Button
Button Button Button Button Button Button
Button Button Button Button Button Button
[button colorStyle="grey" size="small" type="square" className="margin_20"]Button[/button] [button colorStyle="pink" size="small" className="margin_20"]Button[/button] [button colorStyle="green" size="small" type="round" className="margin_20"]Button[/button] [button colorStyle="blue" alt="true" size="small" type="round" className="margin_20"]Button[/button] [button colorStyle="red" alt="true" size="small" className="margin_20"]Button[/button] [button colorStyle="purple" alt="true" size="small" type="square" className="margin_20"]Button[/button]
top ↑

Create your own buttons

Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button
[button size="medium" customColor="#f8cb17"]Button[/button] [button size="medium" customColor="#73dc16" textColor="#fe0003"]Button[/button] [button size="medium" customColor="#3589e7" textColor="#fefefe"]Button[/button] [button size="medium" customColor="#D9A0FF"]Button[/button]

Buttons with lightbox

Youtube video Vimeo video
[button colorStyle="marine" link="http://www.youtube.com/watch?v=TWJU8KD9PjI" title="Youtube video" size="medium" lightbox="true"]Youtube video[/button] [button colorStyle="yellow" link="http://vimeo.com/21103764" title="Vimeo video" size="medium" lightbox="true"]Vimeo video[/button]
Full Width Button
[button colorStyle="blue_alt" size="large" uppercase="true" full="true"]Full Width Button[/button]
top ↑

Custom buttons

Request a quote now!
[button size="small" className="button_red scroll_btn"]Request a quote now![/button]
Request a quote now!
[button size="medium" className="button_red scroll_btn"]Request a quote now![/button]
Request a quote now!
[button size="large" className="button_red scroll_btn"]Request a quote now![/button]
Request a quote now!
[div class_attr="vertical_line"] [button size="small" className="button_red scroll_btn"]Request a quote now![/button] [/div]