Small

HTML Code

<a href="#" class="button small black">Black</a>

Medium

HTML Code

<a href="#" class="button medium black">Black</a>

Large

HTML Code

<a href="#" class="button large black">Black</a>

Adding Rounded Corners

If you want the buttons to have rounded corners, you have a choice of 4 pre-defined sizes: 5, 8, 10 & 12px. To use the individual sizes all you have to do is simply add the class name to the class element e.g. rnd5, rnd8, rnd10, rnd12.

Standard Button:

Black

<a href="#" class="button large black">Black</a>

With 5px Rounded Corners:

Black

<a href="#" class="button large black rnd5">Black</a>

If you don't wish to add a further class everytime you create a button, you can use the "custom.css" file and overwrite the button class by adding (simply copy and paste) the following:

.button{-moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px;}

Simply change the "12px" to your default size e.g. 5px, 8px or 10px.