Button [tbl_btn]

The [tbl_btn] shortcode renders a styled call-to-action button. By default it inherits the global button colors set in Appearance → Customize → Buttons & Inputs, but every visual property can be overridden per button.

Basic usage

[tbl_btn link="https://example.com" text="Get Started"]

All parameters

Parameter	Default	Description
`link`	empty	Destination URL.
`text`	empty	Button label.
`target`	empty	Set to `blank` to open in a new tab.
`rel`	empty	Link `rel` attribute (e.g., `nofollow`).
`color_bg`	`inherit`	Button background color. Accepts any CSS color value.
`color_text`	`inherit`	Button text color.
`radius`	`0px`	Border radius (e.g., `6px`, `50px` for pill shape).
`size`	`inherit`	Font size (e.g., `16px`).
`position`	`left`	Alignment: `left`, `center`, `right`.
`padding`	`0px`	Inner padding (e.g., `10px 20px`).
`margin`	`0px`	Outer margin.
`show_border`	`0`	Set to `1` to add a 1px solid border around the button wrapper.
`icon`	empty	Font Awesome icon class (e.g., `fa-download`). Only renders if Font Awesome is enabled.

Examples

[tbl_btn link="/shop/" text="Shop Now" position="center"]

[tbl_btn link="/contact/" text="Contact Us"
    color_bg="#e44" color_text="#fff" radius="6px"
    padding="12px 24px" target="blank" rel="nofollow"]

💡

To keep a consistent look across your site, leave color_bg and color_text at their defaults and control the color from Customize → Buttons & Inputs instead.