Buttons

Nam cursus aliquet ligula euismod est molestie. Donec sit amet erat a dui met viverra eleifend ac sed est. Ut at magna lectus, at fringilla orci. Quisque non nun.

Default behaviour

Nam cursus aliquet ligula euismod est molestie. Donec sit amet erat a dui met viverra eleifend ac sed est. Ut at magna lectus, at fringilla orci. Quisque non nun.

Button with an icon

Nam cursus aliquet ligula euismod est molestie. Donec sit amet erat a dui met viverra eleifend ac sed est. Ut at magna lectus, at fringilla orci. Quisque non nun.

New window after click

Nam cursus aliquet ligula euismod est molestie. Donec sit amet erat a dui met viverra eleifend ac sed est. Ut at magna lectus, at fringilla orci. Quisque non nun.

Custom colors
[button url="http://example.com"] Default behaviour [/button]

[button icon="article" url="http://example.com"] Button with an icon [/button]

[button url="http://example.com" target="_blank"] New window after click [/button]

[button text="#fd0" background="#d22" border="#d00" url="#"]Custom colors[/button]

Buttons positions

Nam cursus aliquet ligula euismod est molestie. Donec sit amet erat a dui met viverra eleifend ac sed est. Ut at magna lectus, at fringilla orci. Quisque non nun.

Default behaviour

Nam cursus aliquet ligula euismod est molestie. Donec sit amet erat a dui met viverra eleifend ac sed est. Ut at magna lectus, at fringilla orci. Quisque non nun.

Centered

Nam cursus aliquet ligula euismod est molestie. Donec sit amet erat a dui met viverra eleifend ac sed est. Ut at magna lectus, at fringilla orci. Quisque non nun.

Aligned to the right

Nam cursus aliquet ligula euismod est molestie. Donec sit amet erat a dui met viverra eleifend ac sed est. Ut at magna lectus, at fringilla orci. Quisque non nun.

Custom colors
[button url="http://example.com" align="left"]Default behaviour[/button]

[button icon="article" url="http://example.com" align="center"]Centered[/button]

[button url="http://example.com" target="_blank" align="right"]Aligned to the right[/button]

[button text="#fd0" background="#d22" border="#d00" url="#" align="right"]Custom colors[/button]

Big buttons

Nam cursus aliquet ligula euismod est molestie. Donec sit amet erat a dui met viverra eleifend ac sed est. Ut at magna lectus, at fringilla orci. Quisque non nun.

Default

Nam cursus aliquet ligula euismod est molestie. Donec sit amet erat a dui met viverra eleifend ac sed est. Ut at magna lectus, at fringilla orci. Quisque non nun.

With an icon

Nam cursus aliquet ligula euismod est molestie. Donec sit amet erat a dui met viverra eleifend ac sed est. Ut at magna lectus, at fringilla orci. Quisque non nun.

New window

Nam cursus aliquet ligula euismod est molestie. Donec sit amet erat a dui met viverra eleifend ac sed est. Ut at magna lectus, at fringilla orci. Quisque non nun.

Custom colors
[button url="http://example.com" size="big"]Default[/button]

[button icon="article" url="http://example.com" size="big"]With an icon[/button]

[button url="http://example.com" target="_blank" size="big"]New window[/button]

[button text="#fd0" background="#d22" border="#d00" url="#" size="big"]Custom colors[/button]