BUTTON DESIGNS

NORMAL BUTTONS

This is a big button This is a big yellow button This is a big red button This is a big green button This is a big blue button 

Shortcode:

[big-button color="yellow" link="http://www.website.com/"]This is a big yellow button[/big-button] [big-button link="http://www.website.com/"]This is a big button[/big-button]

You can also use straight css class like .big-button (for making it big) and also .yellow, .green, .blue etc (for adding color). The html of this example is:

<a href="http://www.website.com/" class="large button yellow radius">This is a big yellow button</a>
Medium blue button Green medium rounded button Default medium button

Shortcode:

[medium-button color="blue" link="http://www.website.com/"]This is a medium&nbsp;<strong>blue</strong>&nbsp;button[/medium-button] [medium-button color="green" link="http://www.website.com/" rounded="yes"]This is a medium&nbsp;<strong>green</strong>&nbsp;button[/medium-button] [medium-button link="http://www.website.com/"]This is a default medium button[/medium-button]

You can also use straight css class like .medium.button (for making it medium) and also .yellow, .green, .blue etc (for adding color). The html of this example is:

<a href="http://www.website.com/" class="medium button yellow radius">This is a medium yellow button</a>
Small blue button Green small button Small red button Default small button Small orange button Small lightblue button Small purple button Small turqoise button Small darkred button Small green-lemon button Small white button Small black button

Shortcode:

[small-button color="blue" link="http://www.website.com/"]This is a small blue button[/small-button] [small-button color="green" link="http://www.website.com/"]This is a small green button[/small-button] [small-button color="red" link="http://www.website.com/"]This is a small red button[/small-button] [small-button link="http://www.website.com/"]This is a default small button[/small-button]

You can also use straight css class like .small.button (for making it big) and also .yellow, .green, .blue etc (for adding color). The html of this example is:

<a href="http://www.website.com/" class="small button yellow radius">This is a small yellow button</a>

 

NICE BUTTONS

This is a big button This is a big yellow button This is a big red button This is a big green button This is a big blue button 

Shortcode:

[big-button color="yellow" link="http://www.website.com/" type="nice"]This is a big yellow button[/big-button][big-button link="http://www.website.com/" type="nice"]This is a big button[/big-button]

You can also use straight css class like .large.button (for making it big) and also .yellow, .green, .blue etc (for adding color). The html of this example is:

<a href="http://www.website.com/" class="large button yellow nice radius">This is a big yellow button</a>
Medium blue button Green medium button Default medium button

Shortcode:

[medium-button color="blue" link="http://www.website.com/" type="nice"]This is a medium&nbsp;<strong>blue</strong>&nbsp;button[/medium-button] [medium-button color="green" link="http://www.website.com/" type="nice"]This is a medium&nbsp;<strong>green</strong>&nbsp;button[/medium-button] [medium-button link="http://www.website.com/" type="nice"]This is a default medium button[/medium-button]

You can also use straight css class like .medium.button (for making it big) and also .yellow, .green, .blue etc (for adding color). The html of this example is:

<a href="http://www.website.com/" class="medium button yellow nice radius">This is a medium yellow button</a>
Small blue button Green small button Small red button Default small button Small orange button Small lightblue button Small purple button Small turqoise button Small darkred button Small green-lemon button Small white button Small black button

Shortcode:

[small-button color="blue" link="http://www.website.com/" type="nice"]This is a small blue button[/small-button] [small-button color="green" link="http://www.website.com/" type="nice"]This is a small green button[/small-button] [small-button color="red" link="http://www.website.com/" type="nice" rounded="yes"]This is a small red rounded button[/small-button] [small-button link="http://www.website.com/" type="nice"]This is a default small button[/small-button]

You can also use straight css class like .small.button (for making it big) and also .yellow, .green, .blue etc (for adding color). The html of this example is:

<a href="http://www.website.com/" class="small button yellow nice radius">This is a small yellow button</a>

 

ROUND CORNERS

This is a big yellow button This is a big red button

Shortcode:

[big-button color="red" link="http://www.website.com/" corners="round"]This is a big red button[/big-button][big-button color="red" link="http://www.website.com/" type="nice" corners="round"]This is a big red button[/big-button]

You can also use straight css class like .large.button.round (for making it big) and also .yellow, .green, .blue etc (for adding color). The html of this example is:

<a href="http://www.website.com/" class="large button yellow nice round">This is a big yellow button</a>