Home / Shortcodes / Buttons

Buttons

[wt_h3 heading_style=”wt_heading_3″ align=”left”]Different Sizes[/wt_h3] [wt_button colorStyle=”grey” size=”small” type=”square” className=”margin_20″]Small Button[/wt_button] [wt_button icon=”fa fa-hand-o-right” colorStyle=”grey” size=”medium” type=”square” className=”margin_20″]Medium Button[/wt_button] [wt_button colorStyle=”grey” size=”medium” type=”square” className=”margin_20″]Medium Button[/wt_button] [wt_button icon=”fa fa-hand-o-right” colorStyle=”grey” size=”large” type=”square” className=”margin_20″]Large Button[/wt_button] [wt_button colorStyle=”grey” size=”large” type=”square” className=”margin_20″]Large Button[/wt_button] [wt_button colorStyle=”grey” size=”small” className=”margin_20″]Small Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”grey” size=”medium” className=”margin_20″]Medium Button[/wt_button] [wt_button colorStyle=”grey” size=”medium” className=”margin_20″]Medium Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”grey” size=”large” className=”margin_20″]Large Button[/wt_button] [wt_button colorStyle=”grey” size=”large” className=”margin_20″]Large Button[/wt_button] [wt_button colorStyle=”grey” size=”small” type=”round”]Small Button[/wt_button] [wt_button icon=”fa fa-rocket” colorStyle=”grey” size=”medium” type=”round” className=”margin_20″]Medium Button[/wt_button] [wt_button colorStyle=”grey” size=”medium” type=”round” className=”margin_20″]Medium Button[/wt_button] [wt_button icon=”fa fa-rocket” colorStyle=”grey” size=”large” type=”round” className=”margin_20″]Large Button[/wt_button] [wt_button colorStyle=”grey” size=”large” type=”round” className=”margin_20″]Large Button[/wt_button] [wt_margin type=”20″] [code] [wt_button colorStyle=”grey” size=”small” type=”square”]Small Button[/wt_button] [wt_button colorStyle=”grey” size=”medium” type=”square”]Medium Button[/wt_button] [wt_button colorStyle=”grey” size=”large” type=”square”]Large Button[/wt_button] [wt_button colorStyle=”grey” size=”small”]Small Button[/wt_button] [wt_button colorStyle=”grey” size=”medium”]Medium Button[/wt_button] [wt_button colorStyle=”grey” size=”large”]Large Button[/wt_button] [wt_button colorStyle=”grey” size=”small” type=”round”]Small Button[/wt_button] [wt_button colorStyle=”grey” size=”medium” type=”round”]Medium Button[/wt_button] [wt_button colorStyle=”grey” size=”large” type=”round”]Large Button[/wt_button] [/code] [wt_margin type=”20″] [wt_divider_top] [wt_h3 heading_style=”wt_heading_3″ align=”left”]WhoaThemes Color Scheme Buttons[/wt_h3] [wt_button colorStyle=”grey” size=”small” type=”square” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”grey” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”grey” size=”small” type=”round” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”grey” alt=”true” size=”small” type=”round” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”grey” alt=”true” size=”small” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”grey” alt=”true” size=”small” type=”square” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”grey_alt” size=”small” type=”square” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”grey_alt” size=”small” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”grey_alt” size=”small” type=”round” className=”margin_20″]Button[/wt_button] [wt_break_line] [wt_button colorStyle=”white” size=”small” type=”square” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”white” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”white” size=”small” type=”round” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”white” alt=”true” size=”small” type=”round” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”white” alt=”true” size=”small” type=”square” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”dark_grey” size=”small” type=”square” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”dark_grey” size=”small” type=”round” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”dark_grey” alt=”true” size=”small” type=”round” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”dark_grey” alt=”true” size=”small” className=”margin_20″]Button[/wt_button] [wt_break_line] [wt_button colorStyle=”pink” size=”small” type=”square” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”pink” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”pink” alt=”true” size=”small” type=”round” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”pink” alt=”true” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”pink_alt” size=”small” type=”square” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”pink_alt” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”pink_alt” size=”small” type=”round” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”pink_alt” alt=”true” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”pink_alt” alt=”true” size=”small” type=”square” className=”margin_20″]Button[/wt_button] [wt_break_line] [wt_button colorStyle=”orange” size=”small” type=”square” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” icon=”fa fa-power-off” colorStyle=”orange” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”orange” alt=”true” size=”small” type=”round” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” icon=”fa fa-power-off” colorStyle=”orange” alt=”true” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”orange_alt” size=”small” type=”square” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”orange_alt” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”orange_alt” size=”small” type=”round” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”orange_alt” alt=”true” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”orange_alt” alt=”true” size=”small” type=”square” className=”margin_20″]Button[/wt_button] [wt_break_line] [wt_button colorStyle=”yellow” size=”small” type=”square” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”yellow” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”yellow” alt=”true” size=”small” type=”round” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”yellow” alt=”true” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”green” size=”small” type=”square” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”green” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”green” size=”small” type=”round” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”green” alt=”true” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”green” alt=”true” size=”small” type=”square” className=”margin_20″]Button[/wt_button] [wt_break_line] [wt_button colorStyle=”green_alt” size=”small” type=”square” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”green_alt” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”green_alt” alt=”true” size=”small” type=”round” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”green_alt” alt=”true” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”dark_green” size=”small” type=”square” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”dark_green” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”dark_green” size=”small” type=”round” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”dark_green” alt=”true” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”dark_green” alt=”true” size=”small” type=”square” className=”margin_20″]Button[/wt_button] [wt_break_line] [wt_button colorStyle=”red” size=”small” type=”square” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”red” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”red” alt=”true” size=”small” type=”round” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”red” alt=”true” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”red_alt” size=”small” type=”square” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”red_alt” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”red_alt” size=”small” type=”round” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”red_alt” alt=”true” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”red_alt” alt=”true” size=”small” type=”square” className=”margin_20″]Button[/wt_button] [wt_break_line] [wt_button colorStyle=”teal” size=”small” type=”square” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”teal” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”teal” size=”small” type=”round” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”teal” alt=”true” size=”small” type=”round” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”teal” alt=”true” size=”small” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”teal” alt=”true” size=”small” type=”square”className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”blue” size=”small” type=”square” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”blue” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”blue” alt=”true” size=”small” type=”round” className=”margin_20″]Button[/wt_button] [wt_break_line] [wt_button colorStyle=”blue” size=”small” type=”square” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”blue” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”blue” alt=”true” size=”small” type=”round” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”blue” alt=”true” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”blue_alt” size=”small” type=”square” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”blue_alt” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”blue_alt” size=”small” type=”round” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”blue_alt” alt=”true” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”blue_alt” alt=”true” size=”small” type=”square” className=”margin_20″]Button[/wt_button] [wt_break_line] [wt_button colorStyle=”dark_blue” size=”small” type=”square” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”dark_blue” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”dark_blue” alt=”true” size=”small” type=”round” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”dark_blue” alt=”true” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”marine” size=”small” type=”square” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”marine” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”marine” size=”small” type=”round” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”marine” alt=”true” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”marine” alt=”true” size=”small” type=”square” className=”margin_20″]Button[/wt_button] [wt_break_line] [wt_button colorStyle=”purple” size=”small” type=”square” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”purple” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”purple” alt=”true” size=”small” type=”round” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”purple” alt=”true” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”purple_alt” size=”small” type=”square” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”purple_alt” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”purple_alt” size=”small” type=”round” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”purple_alt” alt=”true” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”purple_alt” alt=”true” size=”small” type=”square” className=”margin_20″]Button[/wt_button] [wt_break_line] [wt_button colorStyle=”black” size=”small” type=”square” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”black” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”black” alt=”true” size=”small” type=”round” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”black” alt=”true” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”black_alt” size=”small” type=”square” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”black_alt” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”black_alt” size=”small” type=”round” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” colorStyle=”black_alt” alt=”true” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”black_alt” alt=”true” size=”small” type=”square” className=”margin_20″]Button[/wt_button] [wt_break_line] [code] [wt_button colorStyle=”grey” size=”small” type=”square” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”pink” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”green” size=”small” type=”round” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”blue” alt=”true” size=”small” type=”round” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”red” alt=”true” size=”small” className=”margin_20″]Button[/wt_button] [wt_button colorStyle=”purple” alt=”true” size=”small” type=”square” className=”margin_20″]Button[/wt_button] [/code] [wt_divider_top] [wt_h3 heading_style=”wt_heading_3″ align=”left”]Create your own buttons[/wt_h3] [wt_button size=”medium” customColor=”#f0f0f0″ textColor=”#777777″ borderColor=”#c6c6c6″ className=”margin_20″]Button[/wt_button] [wt_button size=”medium” customColor=”#bababa” textColor=”#666666″ borderColor=”#959595″ className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” size=”medium” customColor=”#f56778″ textColor=”#903844″ borderColor=”#c36079″ className=”margin_20″]Button[/wt_button] [wt_button size=”medium” customColor=”#ff0754″ textColor=”#7c0023″ borderColor=”#e00044″ className=”margin_20″]Button[/wt_button] [wt_button size=”medium” customColor=”#febb4a” textColor=”#996633″ borderColor=”#febb4a” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” size=”medium” customColor=”#ffc606″ textColor=”#9a6a15″ borderColor=”#d7ab02″ className=”margin_20″]Button[/wt_button] [wt_button size=”medium” customColor=”#9fcb57″ textColor=”#5d7731″ borderColor=”#8bb14d” className=”margin_20″]Button[/wt_button] [wt_button size=”medium” customColor=”#a7d60a” textColor=”#406100″ borderColor=”#80a507″ className=”margin_20″]Button[/wt_button] [wt_button size=”medium” customColor=”#71a000″ textColor=”#406100″ borderColor=”#578600″ className=”margin_20″]Button[/wt_button] [wt_button size=”medium” customColor=”#f73406″ textColor=”#901400″ borderColor=”#dd2604″ className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” size=”medium” customColor=”#ff0904″ textColor=”#f7f7f7″ borderColor=”#ce0106″ className=”margin_20″]Button[/wt_button] [wt_button size=”medium” customColor=”#6fcef3″ textColor=”#42788e” borderColor=”#7caec0″ className=”margin_20″]Button[/wt_button] [wt_button size=”medium” customColor=”#009abc” textColor=”#01607c” borderColor=”#00768e” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” size=”medium” customColor=”#d494ce” textColor=”#7b5777″ borderColor=”#a482a0″ className=”margin_20″]Button[/wt_button] [wt_button size=”medium” customColor=”#9953c3″ textColor=”#5d1f7b” borderColor=”#7a439a” className=”margin_20″]Button[/wt_button] [wt_button size=”medium” customColor=”#7ce7ea” textColor=”#437b7d” borderColor=”#7db9bb” className=”margin_20″]Button[/wt_button] [wt_button size=”medium” customColor=”#decd00″ textColor=”#7a6717″ borderColor=”#e2d500″ className=”margin_20″]Button[/wt_button] [wt_button size=”medium” customColor=”#88a1b4″ textColor=”#515f6a” borderColor=”#8996a0″ className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” size=”medium” customColor=”#3481c8″ textColor=”#0b4489″ borderColor=”#2d6aa1″ className=”margin_20″]Button[/wt_button] [wt_button size=”medium” customColor=”#434343″ textColor=”#f7f7f7″ borderColor=”#2c2c2c” className=”margin_20″]Button[/wt_button] [wt_button icon=”fa fa-power-off” size=”medium” customColor=”#050505″ textColor=”#dddddd” borderColor=”#000000″ className=”margin_20″]Button[/wt_button] [code] [wt_button size=”medium” customColor=”#f8cb17″]Button[/wt_button] [wt_button size=”medium” customColor=”#73dc16″ textColor=”#fe0003″]Button[/wt_button] [wt_button size=”medium” customColor=”#3589e7″ textColor=”#fefefe”]Button[/wt_button] [wt_button size=”medium” customColor=”#D9A0FF”]Button[/wt_button] [/code] [wt_divider_top] [wt_h3 heading_style=”wt_heading_3″ align=”left”]Buttons with lightbox[/wt_h3] [wt_button colorStyle=”marine” link=”http://www.youtube.com/watch?v=TWJU8KD9PjI” title=”Youtube video” size=”medium” lightbox=”true”]Youtube video[/wt_button] [wt_button colorStyle=”yellow” link=”http://vimeo.com/21103764″ title=”Vimeo video” size=”medium” lightbox=”true”]Vimeo video[/wt_button] [wt_margin type=”20″] [code] [wt_button colorStyle=”marine” link=”http://www.youtube.com/watch?v=TWJU8KD9PjI” title=”Youtube video” size=”medium” lightbox=”true”]Youtube video[/wt_button] [wt_button colorStyle=”yellow” link=”http://vimeo.com/21103764″ title=”Vimeo video” size=”medium” lightbox=”true”]Vimeo video[/wt_button] [/code] [wt_button colorStyle=”blue_alt” size=”large” uppercase=”true” full=”true”]Full Width Button[/wt_button] [wt_margin type=”20″] [code] [wt_button colorStyle=”blue_alt” size=”large” uppercase=”true” full=”true”]Full Width Button[/wt_button] [/code] [wt_divider_top]

Leave a Reply

Your email address will not be published. Required fields are marked *

*

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Scroll To Top

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close