Buttons

Home / Shortcodes / Buttons

Small

Peach Magenta Red Orange Yellow Green Sage Blue Navy Purple Brown Black Dark Gray/Grey #00A0BF

Medium

Button Button Button Button Button Button Button Button Button Button Button Button Button Button

Large

Button Button Button Button Button Button Button Button Button Button Button Button Button Button

You can also choose between “flat” and “outline”!

Flat

Small Medium Large

Outline

Small Medium Large

Oh… and “outline thin”

Small Medium Large

[button style="outline thin"]...[/button]

1.
```
Button Shortcode
```
2.
```
================
```

3.

[button url="#" target="_blank" color="primary" size="medium" style="traditional"] Button Text [/button]

4.
```
Size: small, medium (default), large
```

5.

Color: primary color (default), magenta, red, peach, orange, yellow, green, sage, blue, purple, brown, black, dark, gray/grey... or use a hex color code like "#00A0BF"

6.
```
Target: _blank, _self
```

7.

Style: traditional (default), flat, outline, outline-thin