Buttons

Normal buttons

[one_third]

Flat corners

[button text=”small” size=”small” url=”#” corners=”flat” /]
[button text=”medium” size=”medium” url=”#” corners=”flat” /]
[button text=”large” size=”large” url=”#” corners=”flat” /]
[/one_third]
[one_third]

Subtle corners

[button text=”small” size=”small” url=”#” /]
[button text=”medium” size=”medium” url=”#” /]
[button text=”large” size=”large” url=”#” /]
[/one_third]
[one_third_last]

Rounded corners

[button text=”small” size=”small” url=”#” corners=”rounded” /]
[button text=”medium” size=”medium” url=”#” corners=”rounded” /]
[button text=”large” size=”large” url=”#” corners=”rounded” /]
[/one_third_last]

[hr/]

Fancy buttons

[one_third]

Flat corners

[button text=”small” size=”small” url=”#” corners=”flat” type=”fancy” /]
[button text=”medium” size=”medium” url=”#” corners=”flat” type=”fancy” /]
[button text=”large” size=”large” url=”#” corners=”flat” type=”fancy” /]
[/one_third]
[one_third]

Subtle corners

[button text=”small” size=”small” url=”#” type=”fancy” /]
[button text=”medium” size=”medium” url=”#” type=”fancy” /]
[button text=”large” size=”large” url=”#” type=”fancy” /]
[/one_third]
[one_third_last]

Rounded corners

[button text=”small” size=”small” url=”#” corners=”rounded” type=”fancy” /]
[button text=”medium” size=”medium” url=”#” corners=”rounded” type=”fancy” /]
[button text=”large” size=”large” url=”#” corners=”rounded” type=”fancy” /]
[/one_third_last]

[hr/]

Buttons with customizable colors

[one_fifth]

[button text=”Button” url=”http://www.google.com” txtColor=”#fff” bgColor=”#0697d6″ txtColorHover=”#b0d5e5″ bgColorHover=”#026894″ /]

[button text=”Button” url=”http://www.google.com” txtColor=”#fff” bgColor=”#0697d6″ txtColorHover=”#b0d5e5″ bgColorHover=”#026894″ type=”fancy” /]

[/one_fifth]

[one_fifth]

[button text=”Button” url=”http://www.google.com” txtColor=”#fff” bgColor=”#89bf3d” txtColorHover=”#d0eda8″ bgColorHover=”#569400″ /]

[button text=”Button” url=”http://www.google.com” txtColor=”#fff” bgColor=”#89bf3d” txtColorHover=”#d0eda8″ bgColorHover=”#569400″ type=”fancy” /]

[/one_fifth]

[one_fifth]

[button text=”Button” url=”http://www.google.com” txtColor=”#fff” bgColor=”#f93a9d” txtColorHover=”#ffbddf” bgColorHover=”#96004e” /]

[button text=”Button” url=”http://www.google.com” txtColor=”#fff” bgColor=”#f93a9d” txtColorHover=”#ffbddf” bgColorHover=”#96004e” type=”fancy” /]

[/one_fifth]

[one_fifth]

[button text=”Button” url=”http://www.google.com” txtColor=”#fff” bgColor=”#ea0028″ txtColorHover=”#ffe8ec” bgColorHover=”#b0001d” /]

[button text=”Button” url=”http://www.google.com” txtColor=”#fff” bgColor=”#ea0028″ txtColorHover=”#ffe8ec” bgColorHover=”#b0001d” type=”fancy” /]

[/one_fifth]

[one_fifth_last]

[button text=”Button” url=”http://www.google.com” txtColor=”#fff” bgColor=”#edbe00″ txtColorHover=”#fcea95″ bgColorHover=”#ed8b00″ /]

[button text=”Button” url=”http://www.google.com” txtColor=”#fff” bgColor=”#edbe00″ txtColorHover=”#fcea95″ bgColorHover=”#ed8b00″ type=”fancy” /]

[/one_fifth_last]

[hr/]

[button] shortcode parameters:

[table style=”border”]

Parameter name Parameter description Possible values Default value text The button text url The button destination URL size The button size small, medium or large medium corners The button corners style flat, subtle or rounded subtle type The button type normal or fancy normal newWindow Open the button link in a new window/tab true or false false txtColor The button text color Any hexadecimal color value bgColor The button background color Any hexadecimal color value txtColorHover The button text color on mouse hover Any hexadecimal color value bgColorHover The button background color on mouse hover Any hexadecimal color value

[/table]