Shortcode - Button

The button is an essential element of any website. You can use below sample codes to create buttons of different styles.

How To Create Buttons

Use standard HTML tags to create buttons. Below are some examples:

<a href="#">Link Text</a>
<button>Button Text</button>
<input type="button" value="Button Text">
<input type="submit" value="Button Text">

Button - Default Style

Add class button to the button code to create button of default theme style.

<a class="button" href="#">Link Text</a>
<button class="button">Button Text</button>
<input class="button" type="button" value="Button Text">
<input class="button" type="submit" value="Button Text">

Button Size

You can create buttons of following sizes: Normal, Small, Medium, Large

Small Button

<a class="button font-small" href="#">Small Button</a>
<button class="button font-small">Small Button</button>

Medium Button

<a class="button font-2" href="#">Medium Button</a>
<button class="button font-2">Medium Button</button>

Large Button

<a class="button font-3" href="#">Large Button</a>
<button class="button font-3">Large Button</button>

Button Style - Outlined

<a class="button button-outline" href="#">Button Text</a>
<button class="button button-outline">Button Text</button>

Button Style - Round

<a class="button button-round" href="#">Button Text</a>
<button class="button button-round">Button Text</button>