Button

The button shortcode adds a clickable button to your WordPress website. Buttons can be used to redirect the user to another part of your site or to another site completely. There are many options to change the style of the button such as: rounding the corners, adding a gradient, changing the color and more.

Examples

SHORTCODE OPTIONS

button_style
The style of the button you want to use. Options: flat, outline and gradient
url
The url of the button you want to link.
align
Button align from left, right and center.
font_size
Specify button text font size. Default (14px)
text_color
The color of the button text. Default #fff
background_color
The background color of the button, this option only works on flat button style.
border_color
The border/outline color of the button, this option only works on outline button style.
border_width
Set width of the button border, this option only works on outline button style.
background_gradient_start
Used only for “Gradient” Button style.
background_gradient_end
Used only for “Gradient” Button style.
padding_tb
Top and Bottom Padding of the button. Default (17px)
padding_lr
Left and Right Padding of the button. Default (30px)
[better_button button_style="flat" align="left" url="#" font_size="12px" background_color="#ffc03d" border_radius="50px"]Button Text[/better_button] [better_button button_style="outline" align="left" url="#" font_size="12px" border_color="#333" text_color="#333" border_radius="50px"]Button Text[/better_button] [better_button button_style="gradient" align="left" url="#" font_size="12px" background_gradient_start="#5533FF" background_gradient_end="#3ECF8E" border_radius="50px"]Button Text[/better_button]