[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 |