Buttons

Default buttons

[one_third]
[button text=”small” size=”small” url=”#” /]
[/one_third]
[one_third]
[button text=”medium” size=”medium” url=”#” /]
[/one_third]
[one_third_last]
[button text=”large” size=”large” url=”#” /]
[/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″ /]

[/one_fifth]

[one_fifth]

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

[/one_fifth]

[one_fifth]

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

[/one_fifth]

[one_fifth]

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

[/one_fifth]

[one_fifth_last]

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

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

Advertisements