Create Buttons

This theme includes optional custom form styling, including buttons. You can use these styles for any form you are creating, but you can also make text links into buttons. The code below can be used by copying and pasting into your page content.

button demo

button demo solid

Button Sizes

Small Button:
<a class="button small-button" href="#">Small Button</a>

Default Button:
<a class="button" href="#">Default Button</a>

Large Button:
<a class="button large-button" href="#">Large Button</a>

Extra Large Button:
<a class="button xlarge-button" href="#">Extra Large Button</a>

Custom Solid Button

If you want to use a solid colour background button, you can add one extra class to your link button code:

Solid Button Example:
<a class="button button-solid" href="#">Solid Button</a>