Default Square

With Rounded Corners


The buttons can use pre-defined rounded corner sizes as shown above, to illustrate further:

Standard button sizes:
<a href="#" class="button small black">Small</a>
<a href="#" class="button medium black">Medium</a>
<a href="#" class="button large black">Large</a>

Large button with 5px rounded corners:
<a href="#" class="button large rnd5 black">5px Rounded</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{border-radius:12px;}

Simply change the "12px" to the size you would like e.g. 5px, 8px, 10px etc.

You can also override the colours - open the colour of choice (e.g. red. blue etc.) CSS file and uncomment the relevant section. This will override ALL button colours.