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