Skip to main content

Buttons

[button parameters]Button label[/button]

Parameters

Parameter Description Required Values Default
href URL to link the button to yes Any href or WordPress page ID number
target URL target _blank, _parent, lightbox
rel Relationship nofollow
onclick Trigger JavaScript function Any JavaScript
background_color Background color of button any hex color or color name
background_hover_color Background hover color of button any hex color or color name
text_size Text size any number with unit (i.e. 20px)
text_size_responsive_small Text size for small devices only (mobile) any number with unit (i.e. 20px)
text_size_responsive_medium Text size for medium devices only (tablets, laptops) any number with unit (i.e. 20px)
text_size_responsive_large Text size for large devices only (desktops) any number with unit (i.e. 20px)
text_color Text color any hex color or color name
text_hover_color Text hover color any hex color or color name
text_decoration Text decoration (underline)
align Alignment of button itself left, center, right
align_content Alignment of content inside the button left, center, right
border_color Border color any hex color or color name
border_hover_color Border hover color any hex color or color name
border_width Border width any number with unit (i.e. 2px)
border_radius Border radius (rounded corner) any number with unit (i.e. 20px)
width The width of a button normally defaults to whatever width is required to fit the text but you can force a width with this parameter. any number with unit (i.e. 200px), or “full” to make the button fill whatever width is available.
padding Padding any number with unit (i.e. 5px)
margin_top Top Margin any number with unit (i.e. 5px)
margin_right Right Margin any number with unit (i.e. 5px)
margin_bottom Bottom Margin any number with unit (i.e. 5px)
margin_left Left Margin any number with unit (i.e. 5px)
icon Icon yes i.e. fa fa-facebook. See full icon list here
icon_color Color of icon any hex color or color name
icon_size Size of icon any number with unit (i.e. 20px)
class Used to add an extra class to a button. Helpful for CSS targeting. anything (no spaces)
id Used to add an ID to a button. Helpful for CSS targeting. anything (no spaces)
popover Any content that does not contain double quotes
popover_placement Position of popover no auto,top,right,bottom,left,top-right,top-left,bottom-right,bottom-left,auto-top,auto-right,auto-bottom,auto-left,horizontal,vertical auto