Normal and Big buttons can be used for any sort of links. Up to 22 different colors, target and link attribute, it’s dead simple to use them. Here are the attributes you can use in your shortcode:
- link: The URL where your button will lead to.
- color: Color of your button (22 options)
- type: Normal or Big (Big for description)
- description: Description used for big buttons
- background: a 6 digit HEX Color. Overrides default colors
- title: Title of your button
- target: use _blank to open in new windows
- class: a custom class to your anchor tag
- id: custom ID for your anchor tag
- size: small / medium / big
- onClick: a custom javascript event. Advanced users.
[clear]
[divider_top text=””]
Normal Buttons
[padding size=”5″]
Grey Blue Light-Blue Deep-Blue Red Deep-Red Pink Yellow Orange Light-Orange Light-Pink Hot-Pink Green Deep-Green Green Cream Chocolate Brown Black Aqua Gold White
[padding size=”5″]
[get_the_code][sourcecode language=”plain”][button link="#" color="..." target="_blank"]Button Text[/button][/sourcecode][/get_the_code]
[clear]
[divider_top text=””]
Big Buttons
[padding size=”5″]
Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text
[get_the_code][sourcecode language=”plain”][button link="#" color="..." type="big" description="Button desc here!" target="_blank"]Button Text[/button][/sourcecode][/get_the_code]
[clear]
[divider_top text=””]
Small, Medium & Big Buttons (size attribute)
Small Size Medium Size Big Size
[get_the_code][sourcecode language=”plain”][button link="#" color="blue" size="small / medium / big"]Button Text[/button][/sourcecode][/get_the_code]