0800 123 45678 contact@themefurnace.com

Built-in Buttons

MediaPhase Theme Features Built-in Buttons

Theme Features

Built-in Buttons

Posted By admin

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec semper turpis sit amet leo interdum sagittis. Suspendisse justo mauris, viverra vitae consequat non, accumsan eget tellus. Morbi vel quam eros. Duis tempor ipsum pharetra, sagittis neque vel, maximus nulla. Etiam sit amet justo id urna feugiat feugiat. Integer egestas rutrum tortor aliquam congue. Aenean tincidunt dapibus urna, vel lacinia orci.


We have included a number of button styles and sizes which you can use with MediaPhase, here are the examples along with the code to use. You can include any icon with them also, grab the code for your required icon from FontAwesome here.

Red Red Icon Red Medium Red Large

<a href="#" class="button red">Red</a>
<a href="#" class="button red">Red Icon <i class="fa fa-chevron-circle-right"></i></a>
<a href="#" class="button red medium">Red Medium</a>
<a href="#" class="button red large">Red Large</a>

Black Black Icon Black Medium Black Large

<a class="button black" href="#">Black</a>
<a class="button black" href="#">Black Icon <i class="fa fa-chevron-circle-right"></i></a>
<a class="button black medium" href="#">Black Medium</a>
<a class="button black large" href="#">Black Large</a>

Gray Gray Icon Gray Medium Gray Large

<a class="button gray" href="#">Gray</a>
<a class="button gray" href="#">Gray Icon <i class="fa fa-chevron-circle-right"></i></a>
<a class="button gray medium" href="#">Gray Medium</a>
<a class="button gray large" href="#">Gray Large</a>

White White Icon White Medium White Large

<a class="button white" href="#">White</a>
<a class="button white" href="#">White Icon <i class="fa fa-chevron-circle-right"></i></a>
<a class="button white medium" href="#">White Medium</a>
<a class="button white large" href="#">White Large</a>

Orange Orange Icon Orange Medium Orange Large

<a class="button orange" href="#">Orange</a>
<a class="button orange" href="#">Orange Icon<i class="fa fa-chevron-circle-right"></i></a>
<a class="button orange medium" href="#">Orange Medium</a>
<a class="button orange large" href="#">Orange Large</a>

Blue Blue Icon Blue Medium Blue Large

<a class="button blue" href="#">Blue</a>
<a class="button blue" href="#">Blue Icon<i class="fa fa-chevron-circle-right"></i></a>
<a class="button blue medium" href="#">Blue Medium</a>
<a class="button blue large" href="#">Blue Large</a>

Rosy Rosy Icon Rosy Medium Rosy Large

<a class="button rosy" href="#">Rosy</a>
<a class="button rosy" href="#">Rosy Icon<i class="fa fa-chevron-circle-right"></i></a>
<a class="button rosy medium" href="#">Rosy Medium</a>
<a class="button rosy large" href="#">Rosy Large</a>

Green Green Icon Green Medium Green Large

<a class="button green" href="#">Green</a>
<a class="button green" href="#">Green Icon<i class="fa fa-chevron-circle-right"></i></a>
<a class="button green medium" href="#">Green Medium</a>
<a class="button green large" href="#">Green Large</a>

Pink Pink Icon Pink Medium Pink Large

<a class="button pink" href="#">Pink</a>
<a class="button pink" href="#">Pink Icon<i class="fa fa-chevron-circle-right"></i></a>
<a class="button pink medium" href="#">Pink Medium</a>
<a class="button pink large" href="#">Pink Large</a>

Tagged , ,

Written by admin

Oliver Dale is the founder of Kooc Media, a small internet company based in the UK. Kooc Media runs several high-profile websites including WPLift, ThemeFurnace and DesignersTalk.


4 thoughts on “Built-in Buttons

Leave a Reply

Your email address will not be published. Required fields are marked *

Download it free from the WordPress Repository

Join Now