Small Example
<a href="#" class="button small black">Black</a>
Medium Example
<a href="#" class="button medium black">Black</a>
Small Example
<a href="#" class="button small gradient black">Black</a>
Medium Example
<a href="#" class="button medium gradient black">Black</a>
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:
With Gradient:
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.
Copyright © 2013 - All Rights Reserved - Domain Name
Template by OS Templates