WD Button shortcode

[wd_gap height= »35″]

1. Default

[wd_gap height= »25″][wd_button size= »15″ type= »mini » background= »yes » opacity= »100″ font_size= »10″ color= »#3c3b48″ color_hover= »#ffffff » bg_color= »#ffffff » bg_color_hover= »#3c3b48″ border_width= »1″ margin= »5px » border_color= »#3c3b48″ border_color_hover= »#3c3b48″ padding= »4px 20px »]Button[/wd_button][wd_button size= »15″ type= »mini » background= »yes » opacity= »100″ font_size= »10″ color= »#ed7c56″ color_hover= »#ffffff » bg_color= »#ffffff » bg_color_hover= »#ed7c56″ border_width= »1″ margin= »5px » border_color= »#ed7c56″ border_color_hover= »#ed7c56″ padding= »4px 20px »]Button[/wd_button][wd_button size= »15″ type= »mini » background= »yes » opacity= »100″ font_size= »10″ color= »#f94141″ color_hover= »#ffffff » bg_color= »#ffffff » bg_color_hover= »#f94141″ border_width= »1″ margin= »5px » border_color= »#f94141″ border_color_hover= »#f94141″ padding= »4px 20px »]Button[/wd_button][wd_button size= »15″ type= »mini » background= »yes » opacity= »100″ font_size= »10″ color= »#023882″ color_hover= »#ffffff » bg_color= »#ffffff » bg_color_hover= »#023882″ border_width= »1″ margin= »5px » border_color= »#023882″ border_color_hover= »#023882″ padding= »4px 20px »]Button[/wd_button][wd_button size= »15″ type= »mini » background= »yes » opacity= »100″ font_size= »10″ color= »#32ccfe » color_hover= »#ffffff » bg_color= »#ffffff » bg_color_hover= »#32ccfe » border_width= »1″ margin= »5px » border_color= »#32ccfe » border_color_hover= »#32ccfe » padding= »4px 20px »]Button[/wd_button][wd_button size= »15″ type= »mini » background= »yes » opacity= »100″ font_size= »10″ color= »#48d6ba » color_hover= »#ffffff » bg_color= »#ffffff » bg_color_hover= »#48d6ba » border_width= »1″ margin= »5px » border_color= »#48d6ba » border_color_hover= »#48d6ba » padding= »4px 20px »]Button[/wd_button][wd_button size= »15″ type= »mini » background= »yes » opacity= »100″ font_size= »10″ color= »#2eb05a » color_hover= »#ffffff » bg_color= »#ffffff » bg_color_hover= »#2eb05a » border_width= »1″ margin= »5px » border_color= »#2eb05a » border_color_hover= »#2eb05a » padding= »4px 20px »]Button[/wd_button][wd_button size= »15″ type= »mini » background= »yes » opacity= »100″ font_size= »10″ color= »#e2e2e2″ color_hover= »#ffffff » bg_color= »#ffffff » bg_color_hover= »#e2e2e2″ border_width= »1″ margin= »5px » border_color= »#e2e2e2″ border_color_hover= »#e2e2e2″ padding= »4px 20px »]Button[/wd_button][wd_gap height= »10″][wd_button size= »15″ type= »small » background= »yes » opacity= »100″ font_size= »10″ color= »#ffffff » color_hover= »#3c3b48″ bg_color= »#3c3b48″ bg_color_hover= »#ffffff » border_color= »#3c3b48″ border_color_hover= »#3c3b48″ border_width= »1″ margin= »5″ padding= »4px 20px »]Button[/wd_button][wd_button size= »15″ type= »small » background= »yes » opacity= »100″ font_size= »10″ color= »#ffffff » color_hover= »#ed7c56″ bg_color= »#ed7c56″ bg_color_hover= »#ffffff » border_color= »#ed7c56″ border_color_hover= »#ed7c56″ border_width= »1″ margin= »5″ padding= »4px 20px »]Button[/wd_button][wd_button size= »15″ type= »large » background= »yes » opacity= »100″ font_size= »10″ color= »#ffffff » color_hover= »#f94141″ bg_color= »#f94141″ bg_color_hover= »#ffffff » border_color= »#f94141″ border_color_hover= »#f94141″ border_width= »1″ margin= »5px » padding= »4px 20px »]Button[/wd_button][wd_button size= »13″ type= »largest » background= »yes » opacity= »100″ font_size= »10″ color= »#ffffff » color_hover= »#023882″ bg_color= »#023882″ bg_color_hover= »#ffffff » border_color= »#023882″ border_color_hover= »#023882″ border_width= »1″ margin= »5″ padding= »4px 20px »]Button[/wd_button][wd_button type= »default » background= »yes » opacity= »100″ font_size= »10″ color= »#ffffff » color_hover= »#32ccfe » bg_color= »#32ccfe » bg_color_hover= »#ffffff » border_color= »#32ccfe » border_color_hover= »#32ccfe » border_width= »1″ margin= »5″ padding= »4px 20px »]Button[/wd_button][wd_button type= »default » background= »yes » opacity= »100″ font_size= »10″ color= »#ffffff » color_hover= »#48d6ba » bg_color= »#48d6ba » bg_color_hover= »#ffffff » border_color= »#48d6ba » border_color_hover= »#48d6ba » border_width= »1″ margin= »5″ padding= »4px 20px »]Button[/wd_button][wd_button type= »default » background= »yes » opacity= »100″ font_size= »10″ color= »#ffffff » color_hover= »#2eb05a » bg_color= »#2eb05a » bg_color_hover= »#ffffff » border_color= »#2eb05a » border_color_hover= »#2eb05a » border_width= »1″ margin= »5″ padding= »4px 20px »]Button[/wd_button][wd_button type= »default » background= »yes » opacity= »100″ font_size= »10″ color= »#ffffff » color_hover= »#e2e2e2″ bg_color= »#e2e2e2″ bg_color_hover= »#ffffff » border_color= »#e2e2e2″ border_color_hover= »#e2e2e2″ border_width= »1″ margin= »5″ padding= »4px 20px »]Button[/wd_button][wd_gap height= »50″]

2. Button with font awesome icon

[wd_gap height= »25″][wd_button size= »15″ type= »mini » background= »yes » opacity= »100″ font_size= »10″ color= »#3c3b48″ color_hover= »#ffffff » bg_color= »#ffffff » bg_color_hover= »#3c3b48″ border_width= »1″ margin= »5px » border_color= »#3c3b48″ border_color_hover= »#3c3b48″ padding= »4px 20px »] Button[/wd_button][wd_button size= »15″ type= »mini » background= »yes » opacity= »100″ font_size= »10″ color= »#ed7c56″ color_hover= »#ffffff » bg_color= »#ffffff » bg_color_hover= »#ed7c56″ border_width= »1″ margin= »5px » border_color= »#ed7c56″ border_color_hover= »#ed7c56″ padding= »4px 20px »] Button[/wd_button][wd_button size= »15″ type= »mini » background= »yes » opacity= »100″ font_size= »10″ color= »#f94141″ color_hover= »#ffffff » bg_color= »#ffffff » bg_color_hover= »#f94141″ border_width= »1″ margin= »5px » border_color= »#f94141″ border_color_hover= »#f94141″ padding= »4px 20px »] Button[/wd_button][wd_button size= »15″ type= »mini » background= »yes » opacity= »100″ font_size= »10″ color= »#023882″ color_hover= »#ffffff » bg_color= »#ffffff » bg_color_hover= »#023882″ border_width= »1″ margin= »5px » border_color= »#023882″ border_color_hover= »#023882″ padding= »4px 20px »] Button[/wd_button][wd_button size= »15″ type= »mini » background= »yes » opacity= »100″ font_size= »10″ color= »#32ccfe » color_hover= »#ffffff » bg_color= »#ffffff » bg_color_hover= »#32ccfe » border_width= »1″ margin= »5px » border_color= »#32ccfe » border_color_hover= »#32ccfe » padding= »4px 20px »] Button[/wd_button][wd_button size= »15″ type= »mini » background= »yes » opacity= »100″ font_size= »10″ color= »#48d6ba » color_hover= »#ffffff » bg_color= »#ffffff » bg_color_hover= »#48d6ba » border_width= »1″ margin= »5px » border_color= »#48d6ba » border_color_hover= »#48d6ba » padding= »4px 20px »] Button[/wd_button][wd_button size= »15″ type= »mini » background= »yes » opacity= »100″ font_size= »10″ color= »#2eb05a » color_hover= »#ffffff » bg_color= »#ffffff » bg_color_hover= »#2eb05a » border_width= »1″ margin= »5px » border_color= »#2eb05a » border_color_hover= »#2eb05a » padding= »4px 20px »] Button[/wd_button][wd_button size= »15″ type= »mini » background= »yes » opacity= »100″ font_size= »10″ color= »#e2e2e2″ color_hover= »#ffffff » bg_color= »#ffffff » bg_color_hover= »#e2e2e2″ border_width= »1″ margin= »5px » border_color= »#e2e2e2″ border_color_hover= »#e2e2e2″ padding= »4px 20px »] Button[/wd_button][wd_gap height= »10″][wd_button size= »15″ type= »mini » background= »yes » opacity= »100″ font_size= »10″ color= »#ffffff » color_hover= »#3c3b48″ bg_color= »#3c3b48″ bg_color_hover= »#ffffff » border_width= »1″ margin= »5px » border_color= »#3c3b48″ border_color_hover= »#3c3b48″ padding= »4px 20px »] Button[/wd_button][wd_button size= »15″ type= »mini » background= »yes » opacity= »100″ font_size= »10″ color= »#ffffff » color_hover= »#ed7c56″ bg_color= »#ed7c56″ bg_color_hover= »#ffffff » border_width= »1″ margin= »5px » border_color= »#ed7c56″ border_color_hover= »#ed7c56″ padding= »4px 20px »] Button[/wd_button][wd_button size= »15″ type= »mini » background= »yes » opacity= »100″ font_size= »10″ color= »#ffffff » color_hover= »#f94141″ bg_color= »#f94141″ bg_color_hover= »#ffffff » border_width= »1″ margin= »5px » border_color= »#f94141″ border_color_hover= »#f94141″ padding= »4px 20px »] Button[/wd_button][wd_button size= »15″ type= »mini » background= »yes » opacity= »100″ font_size= »10″ color= »#ffffff » color_hover= »#023882″ bg_color= »#023882″ bg_color_hover= »#ffffff » border_width= »1″ margin= »5px » border_color= »#023882″ border_color_hover= »#023882″ padding= »4px 20px »] Button[/wd_button][wd_button size= »15″ type= »mini » background= »yes » opacity= »100″ font_size= »10″ color= »#ffffff » color_hover= »#32ccfe » bg_color= »#32ccfe » bg_color_hover= »#ffffff » border_width= »1″ margin= »5px » border_color= »#32ccfe » border_color_hover= »#32ccfe » padding= »4px 20px »] Button[/wd_button][wd_button size= »15″ type= »mini » background= »yes » opacity= »100″ font_size= »10″ color= »#ffffff » color_hover= »#48d6ba » bg_color= »#48d6ba » bg_color_hover= »#ffffff » border_width= »1″ margin= »5px » border_color= »#48d6ba » border_color_hover= »#48d6ba » padding= »4px 20px »] Button[/wd_button][wd_button size= »15″ type= »mini » background= »yes » opacity= »100″ font_size= »10″ color= »#ffffff » color_hover= »#2eb05a » bg_color= »#2eb05a » bg_color_hover= »#ffffff » border_width= »1″ margin= »5px » border_color= »#2eb05a » border_color_hover= »#2eb05a » padding= »4px 20px »] Button[/wd_button][wd_button size= »15″ type= »mini » background= »yes » opacity= »100″ font_size= »10″ color= »#ffffff » color_hover= »#e2e2e2″ bg_color= »#e2e2e2″ bg_color_hover= »#ffffff » border_width= »1″ margin= »5px » border_color= »#e2e2e2″ border_color_hover= »#e2e2e2″ padding= »4px 20px »] Button[/wd_button][wd_gap height= »35″][wd_code][wd_button size= »15″ type= »mini » background= »yes » opacity= »100″ font_size= »10″ color= »#3c3b48″ color_hover= »#ffffff » bg_color= »#ffffff » bg_color_hover= »#3c3b48″ border_width= »1″ margin= »5px » border_color= »#3c3b48″ border_color_hover= »#3c3b48″ padding= »4px 20px »] Button[/wd_button][/wd_code]

shortcode accordion

Button 1 with visual composer

[wd_gap height= »35″]

DIFFERENT COLOR

[wd_gap height= »25″]
[wd_gap height= »35″]

DIFFERENT SIZE

[wd_gap height= »25″]
[wd_gap height= »35″]

BUTTON WITH ICON

[wd_gap height= »25″]
[wd_gap height= »35″]

CALL ACTION BUTTON

[wd_gap height= »25″]

Click edit button to change this text.

Text on the button
Text on the button

Click edit button to change this text.

Text on the button

Click edit button to change this text.

Click edit button to change this text.

Text on the button

Click edit button to change this text.

Text on the button

Button 2 with visual composer

[wd_gap height= »35″]

DIFFERENT COLOR

[wd_gap height= »25″]
[wd_gap height= »35″]

DIFFERENT SIZE

[wd_gap height= »25″]
[wd_gap height= »35″]

DIFFERENT STYLE

[wd_gap height= »25″]