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
Share