Button Shortcode

The Fox has a button shortcode. It’s quite helpful for some areas like Header builder or anywhere that you want to insert a button. Here’s how it works. We assume that you have some familiarity with WordPress shortcode.

[button text="Hit me" url="https://google.com" target="_blank" size="small" text_color="#00a300" bg_color="#e0e0e0"]

Here’s list of parameters you can control and example of how to use

  • text: Click Me
  • url: https://google.com
  • target: _self or _blank
  • icon: bell, file.. choose icon here.
  • style: primary / black / outline / fill
  • border_width: 0 / 1 / 2 ..
  • size: tiny / small / normal / medium / large
  • align: left / center / right
  • block: full / half / third
  • border_radius: 0, 1, 2, 10, 20
  • text_color: #00a300
  • bg_color: #00a300
  • border_color: #00a300
  • text_color_hover: #00a300
  • bg_color_hover: #00a300
  • border_color_hover: #00a300
  • id: my-button
  • extra_class: my-button