Preserve, Enrich, Inspire

Buttons

[raw]
Button
Button
Button
Button
Button
Button
Button
Button
[spacer height=”10px”]
Normal
Normal
Normal
Normal
Normal
Normal
[spacer height=”10px”]
Large
Large
Large
Large
Large
[spacer height=”23px”] [divider] [spacer height=”24px”] [/raw]
[raw]

Get The Code

[spacer height=”4px”] [codebox line_numbers=”true” remove_breaks=”true” lang=”html”] [fusion_button link="#" color="#ff0080" window="false" size="small"]Button[/fusion_button] [fusion_button link="#" color="#79B743" window="false"]Button[/fusion_button] [fusion_button link="#" color="#58B28D" window="false" size="large"]Button[/fusion_button][/codebox] [spacer height=”23px”] [divider] [spacer height=”24px”] [/raw]
[raw]

Customization Options

[list] [list_item]size – pick a small, medium or large button[/list_item] [list_item]text – what the button text should be[/list_item] [list_item]class – any css classes you’d like to add to the button[/list_item] [list_item]link – the URL address that should be opened when the button is clicked[/list_item] [list_item]window – whether or not you want the link to open in a new window[/list_item] [list_item]color – the background color of the button (you can pick any color you like)[/list_item] [/list] [/raw]
Print Friendly, PDF & Email