Buttons

[button link=»http://www.google.de» color=»white» size=»small»]White[/button] [button link=»http://www.google.de» color=»yellow» size=»small»]Yellow[/button] [button link=»http://www.google.de» color=»orange» size=»small»]Orange[/button] [button link=»http://www.google.de» color=»red» size=»small»]Red[/button] [button link=»http://www.google.de» color=»blue» size=»small»]Blue[/button] [button link=»http://www.google.de» color=»green» size=»small»]Green[/button] [button link=»http://www.google.de» color=»gray» size=»small»]Gray[/button] [button link=»http://www.google.de» color=»black» size=»small»]Black[/button]

[button link=»http://www.google.de» color=»white» icon=»download»]White[/button] [button link=»http://www.google.de» color=»yellow»]Yellow[/button] [button link=»http://www.google.de» color=»orange»]Orange[/button] [button link=»http://www.google.de» color=»red»]Red[/button] [button link=»http://www.google.de» color=»blue»]Blue[/button] [button link=»http://www.google.de» color=»green»]Green[/button] [button link=»http://www.google.de» color=»gray»]Gray[/button] [button link=»http://www.google.de» color=»black» icon=»download»]Black[/button]

[button link=»http://www.google.de» color=»white» size=»large» icon=»download»]White[/button] [button link=»http://www.google.de» color=»yellow» size=»large»]Yellow[/button] [button link=»http://www.google.de» color=»orange» size=»large»]Orange[/button] [button link=»http://www.google.de» color=»red» size=»large»]Red[/button] [button link=»http://www.google.de» color=»blue» size=»large»]Blue[/button] [button link=»http://www.google.de» color=»green» size=»large»]Green[/button] [button link=»http://www.google.de» color=»gray» size=»large»]Gray[/button] [button link=»http://www.google.de» color=»black» size=»large» icon=»download»]Black[/button]

[hr]

[button link=»http://www.google.de» color=»alternative-1″ size=»small» icon=»download»]Alternative-1[/button] [button link=»http://www.google.de» color=»alternative-2″ size=»small» icon=»download»]Alternative-2[/button] [button link=»http://www.google.de» color=»alternative-3″ size=»small» icon=»download»]Alternative-3[/button]

[button link=»http://www.google.de» color=»alternative-1″]Alternative-1[/button] [button link=»http://www.google.de» color=»alternative-2″]Alternative-2[/button] [button link=»http://www.google.de» color=»alternative-3″]Alternative-3[/button]

[button link=»http://www.google.de» color=»alternative-1″ size=»large»]Alternative-1[/button] [button link=»http://www.google.de» color=»alternative-2″ size=»large»]Alternative-2[/button] [button link=»http://www.google.de» color=»alternative-3″ size=»large»]Alternative-3[/button]

[hr]

[button link=»http://www.google.com» size=»small»]Link in same Window[/button] [button link=»http://www.google.com» size=»medium» target=»_blank»]Link in new Window[/button] [button link=»http://www.youtube.com/watch?v=A3PDXmYoF5U» lightbox=»true» size=»large»]Link to Lightbox Video[/button]

[hr]

Get The Code

[button link="http://www.google.com" size="small" target="_blank" icon="cog" style="light" lightbox="true"]Small Button[/button]

[hr]

Customization Options / Features

  • icon – add any mini-icon (from the Icons section) here.
  • link – add your destination Link here.
  • size – small, medium, large – Default: medium
  • target – _self, _blank – Default: _self
  • lightbox – true or false to link to Vimeo / Youtube videos, if you want to open a complete Page in an iframe just add ?iframe=true&width=800&height=600 at the end of your link (Of course you can change the size to whatever you like – Default: false
  • color – white, blue, green, red, orange, yellow, gray, black, alternative-1, alternative-2, alternative-3 – Default: white