Button shortcode

This theme has built in shortcodes.

Shortcodes are simple snippets inside your content files calling built-in or custom templates.

Buttons are <a> tags styled as a button.

Usage

1
{{< button text="I'm a **button**" color="success" location="center" url="#" target="_blank" >}}

I’m a button

Colors

Buttons have many colors.

Location

Buttons can also be placed in different locations.

1
{{< button text="Location **center**" location="center" url="#" >}}

Location left

Location center

Location right

Side by side

You can also place many buttons in a row, but only if you don’t set location.

If you want to center a group of buttons just place the shortcode inside a <p> tag and set the class to text-center. You can also use classes text-left and text-right as well.

1
2
3
4
5
<p class="text-center">
{{< button text="Button" color="success" url="#" norow=true >}}
{{< button text="Button" color="danger" url="#" norow=true >}}
{{< button text="Button" color="warning" url="#" norow=true >}}
</p>

Button Button Button