Default Buttons

• Shortcode

  {button title="" link="#" color="btn-default"}Default{/button}
  {button title="" link="#" color="btn-primary"}Primary{/button}
  {button title="" link="#" color="btn-success"}Success{/button}
  {button title="" link="#" color="btn-info"}Info{/button}
  {button title="" link="#" color="btn-warning"}Warning{/button}
  {button title="" link="#" color="btn-danger"}Danger{/button}
  

Buttons with Icons

• Shortcode

  {button title="" link="#" color="btn-default"}Default {icon name="fa-heart"}{/button}
  {button title="" link="#" color="btn-primary"}{icon name="fa-archive"} Primary{/button}
  {button title="" link="#" color="btn-success"}{icon name="fa-cloud-download"} Success{/button}
  {button title="" link="#" color="btn-info"}Info {icon name="fa-gift"}{/button}
  {button title="" link="#" color="btn-warning"}{icon name="fa-leaf"} Warning{/button}
  {button title="" link="#" color="btn-danger"}{icon name="fa-quote-left"} Danger{/button}
  

Buttons with different Sizes

• Shortcode

  {button title="" link="#" color="btn-info" size="btn-xs"}Very Small{/button}
  {button title="" link="#" color="btn-danger" size="btn-sm"}Small{/button}
  {button title="" link="#" color="btn-warning" size="btn-md"}Medium{/button}
  {button title="" link="#" color="btn-default" size="btn-lg"}Large{/button}

Special Buttons

• Shortcode

  {button link="image.jpg" color="btn-primary" data="data-lightbox='on'"}Image{/button}
  {button link="#" color="btn-success" title="I have a Tooltip" class="tooltip-on"}Tooltip{/button}
  {button link="youtube-url.com" color="btn-info" data="data-lightbox='on'"}YouTube{/button}
  {button link="http://www.google.de" color="btn-warning" target="_blank"}Link in new Window{/button}
  {button link="http://www.ws-theme.com" color="btn-danger" data="data-lightbox='on' data-lightbox-type='iframe'"}iFrame{/button}