[container class=”lead”]

Buttons

Build your awesome button with Clean Cutta – the best-in-class WordPress theme on the market today. Use different options to build great looking button according to your needs (customize size, shape, type, color, add optional icons, make the button wide, open in new window and much more!). You can fit buttons to your style of social icons (only available in Clean Cutta).

[/container]

[columns]
[one_fourth]

Colors

[button color=”orange” size=”large” type=”” open_in_new_window=”no” link=”#”]Orange[/button][clear]
[button color=”blue” size=”large” type=”” open_in_new_window=”no” link=”#”]Blue[/button][clear]
[button color=”green” size=”large” type=”” open_in_new_window=”no” link=”#”]Green[/button][clear]
[button color=”brown” size=”large” type=”” open_in_new_window=”no” link=”#”]Brown[/button][clear]
[button color=”dark-gray” size=”large” open_in_new_window=”no” link=”#”]Dark-gray[/button][clear]
[button color=”light-gray” size=”large” open_in_new_window=”no” link=”#”]Light-gray[/button]
[/one_fourth]
[one_fourth]

Sizes

[button color=”orange” size=”small” type=”” open_in_new_window=”no” link=”#”]Small[/button][clear]
[button color=”blue” size=”normal” type=”” open_in_new_window=”no” link=”#”]Normal[/button][clear]
[button color=”green” size=”large” type=”” open_in_new_window=”no” link=”#”]Large size[/button][clear]
[button color=”brown” size=”x-large” type=”” open_in_new_window=”no” link=”#”]X Large size[/button][clear]
[button color=”light-gray” size=”xx-large” type=”” open_in_new_window=”no” link=”#”]XX Large[/button]
[/one_fourth]
[one_fourth]

Optional icon

[button color=”orange” size=”large” type=”” open_in_new_window=”no” link=”#” icon_right=”fa-angle-double-right”]Icon right[/button][clear]
[button color=”blue” size=”large” type=”” open_in_new_window=”no” link=”#” icon_left=”fa-shopping-cart”]Icon left[/button][clear]
[button color=”green” size=”large” type=”” open_in_new_window=”no” link=”#” icon_left=”fa-shopping-cart” icon_right=”fa-angle-double-right”]Icon left & right[/button][clear]
[button color=”brown” size=”large” type=”” open_in_new_window=”no” link=”#” icon_left=”fa-shopping-cart”][/button]
[/one_fourth]
[one_fourth]

Shapes

[button color=”orange” size=”large” type=”” open_in_new_window=”no” link=”#” shape=””]Square[/button][clear]
[button color=”blue” size=”large” type=”” open_in_new_window=”no” link=”#” shape=”rounded”]Rounded[/button][clear]
[button color=”green” size=”large” type=”” open_in_new_window=”no” link=”#” shape=”round”]Round[/button]
[/one_fourth]
[/columns]

6 Buttons styles with optional icons and color/size/shape control

[columns]
[one_sixth][button color=”orange” size=”large” type=”” open_in_new_window=”no” link=”#”]Flat[/button][/one_sixth]
[one_sixth][button color=”orange” size=”large” type=”outline” open_in_new_window=”no” link=”#”]Outline[/button][/one_sixth]
[one_sixth][button color=”orange” size=”large” type=”double” open_in_new_window=”no” link=”#”]Double[/button][/one_sixth]
[one_sixth][button color=”orange” size=”large” type=”vista” open_in_new_window=”no” link=”#”]Vista[/button][/one_sixth]
[one_sixth][button color=”orange” size=”large” type=”simple” open_in_new_window=”no” link=”#”]Simple[/button][/one_sixth]
[one_sixth][button color=”orange” size=”large” type=”classic” open_in_new_window=”no” link=”#”]Classic[/button][/one_sixth]
[/columns]

Standard

[columns]
[one_third]
[button color=”orange” size=”small” type=”” open_in_new_window=”no” link=”#”]Flat[/button][clear]
[button color=”blue” size=”normal” type=”” open_in_new_window=”no” link=”#”]Flat[/button][clear]
[button color=”green” size=”large” type=”” open_in_new_window=”no” link=”#”]Flat[/button][clear]
[button color=”brown” size=”x-large” type=”” open_in_new_window=”no” link=”#”]Flat[/button][clear]
[button color=”light-gray” size=”xx-large” type=”” open_in_new_window=”no” link=”#”]Flat[/button]
[/one_third]
[one_third]
[button color=”orange” size=”small” type=”” open_in_new_window=”no” link=”#” shape=”rounded”]Flat rounded[/button][clear]
[button color=”blue” size=”normal” type=”” open_in_new_window=”no” link=”#” shape=”rounded”]Flat rounded[/button][clear]
[button color=”green” size=”large” type=”” open_in_new_window=”no” link=”#” shape=”rounded”]Flat rounded[/button][clear]
[button color=”brown” size=”x-large” type=”” open_in_new_window=”no” link=”#” shape=”rounded”]Flat rounded[/button][clear]
[button color=”light-gray” size=”xx-large” type=”” open_in_new_window=”no” link=”#” shape=”rounded”]Flat rounded[/button]
[/one_third]
[one_third]
[button color=”orange” size=”small” type=”” open_in_new_window=”no” link=”#” shape=”round”]Flat round[/button][clear]
[button color=”blue” size=”normal” type=”” open_in_new_window=”no” link=”#” shape=”round”]Flat round[/button][clear]
[button color=”green” size=”large” type=”” open_in_new_window=”no” link=”#” shape=”round”]Flat round[/button][clear]
[button color=”brown” size=”x-large” type=”” open_in_new_window=”no” link=”#” shape=”round”]Flat round[/button][clear]
[button color=”light-gray” size=”xx-large” type=”” open_in_new_window=”no” link=”#” shape=”round”]Flat round[/button]
[/one_third]
[/columns]

Outline

[columns]
[one_third]
[button color=”orange” size=”small” type=”outline” open_in_new_window=”no” link=”#”]Outline[/button][clear]
[button color=”blue” size=”normal” type=”outline” open_in_new_window=”no” link=”#”]Outline[/button][clear]
[button color=”green” size=”large” type=”outline” open_in_new_window=”no” link=”#”]Outline[/button][clear]
[button color=”brown” size=”x-large” type=”outline” open_in_new_window=”no” link=”#”]Outline[/button][clear]
[button color=”light-gray” size=”xx-large” type=”outline” open_in_new_window=”no” link=”#”]Outline[/button]
[/one_third]
[one_third]
[button color=”orange” size=”small” type=”outline” open_in_new_window=”no” link=”#” shape=”rounded”]Outline rounded[/button][clear]
[button color=”blue” size=”normal” type=”outline” open_in_new_window=”no” link=”#” shape=”rounded”]Outline rounded[/button][clear]
[button color=”green” size=”large” type=”outline” open_in_new_window=”no” link=”#” shape=”rounded”]Outline rounded[/button][clear]
[button color=”brown” size=”x-large” type=”outline” open_in_new_window=”no” link=”#” shape=”rounded”]Outline rounded[/button][clear]
[button color=”light-gray” size=”xx-large” type=”outline” open_in_new_window=”no” link=”#” shape=”rounded”]Outline rounded[/button]
[/one_third]
[one_third]
[button color=”orange” size=”small” type=”outline” open_in_new_window=”no” link=”#” shape=”round”]Outline round[/button][clear]
[button color=”blue” size=”normal” type=”outline” open_in_new_window=”no” link=”#” shape=”round”]Outline round[/button][clear]
[button color=”green” size=”large” type=”outline” open_in_new_window=”no” link=”#” shape=”round”]Outline round[/button][clear]
[button color=”brown” size=”x-large” type=”outline” open_in_new_window=”no” link=”#” shape=”round”]Outline round[/button][clear]
[button color=”light-gray” size=”xx-large” type=”outline” open_in_new_window=”no” link=”#” shape=”round”]Outline round[/button]
[/one_third]
[/columns]

Double

[columns]
[one_third]
[button color=”orange” size=”small” type=”double” open_in_new_window=”no” link=”#”]Double[/button][clear]
[button color=”blue” size=”normal” type=”double” open_in_new_window=”no” link=”#”]Double[/button][clear]
[button color=”green” size=”large” type=”double” open_in_new_window=”no” link=”#”]Double[/button][clear]
[button color=”brown” size=”x-large” type=”double” open_in_new_window=”no” link=”#”]Double[/button][clear]
[button color=”light-gray” size=”xx-large” type=”double” open_in_new_window=”no” link=”#”]Double[/button]
[/one_third]
[one_third]
[button color=”orange” size=”small” type=”double” open_in_new_window=”no” link=”#” shape=”rounded”]Double rounded[/button][clear]
[button color=”blue” size=”normal” type=”double” open_in_new_window=”no” link=”#” shape=”rounded”]Double rounded[/button][clear]
[button color=”green” size=”large” type=”double” open_in_new_window=”no” link=”#” shape=”rounded”]Double rounded[/button][clear]
[button color=”brown” size=”x-large” type=”double” open_in_new_window=”no” link=”#” shape=”rounded”]Double rounded[/button][clear]
[button color=”light-gray” size=”xx-large” type=”double” open_in_new_window=”no” link=”#” shape=”rounded”]Double rounded[/button]
[/one_third]
[one_third]
[button color=”orange” size=”small” type=”double” open_in_new_window=”no” link=”#” shape=”round”]Double round[/button][clear]
[button color=”blue” size=”normal” type=”double” open_in_new_window=”no” link=”#” shape=”round”]Double round[/button][clear]
[button color=”green” size=”large” type=”double” open_in_new_window=”no” link=”#” shape=”round”]Double round[/button][clear]
[button color=”brown” size=”x-large” type=”double” open_in_new_window=”no” link=”#” shape=”round”]Double round[/button][clear]
[button color=”light-gray” size=”xx-large” type=”double” open_in_new_window=”no” link=”#” shape=”round”]Double round[/button]
[/one_third]
[/columns]

Vista

[columns]
[one_third]
[button color=”orange” size=”small” type=”vista” open_in_new_window=”no” link=”#”]Vista[/button][clear]
[button color=”blue” size=”normal” type=”vista” open_in_new_window=”no” link=”#”]Vista[/button][clear]
[button color=”green” size=”large” type=”vista” open_in_new_window=”no” link=”#”]Vista[/button][clear]
[button color=”brown” size=”x-large” type=”vista” open_in_new_window=”no” link=”#”]Vista[/button][clear]
[button color=”light-gray” size=”xx-large” type=”vista” open_in_new_window=”no” link=”#”]Vista[/button]
[/one_third]
[one_third]
[button color=”orange” size=”small” type=”vista” open_in_new_window=”no” link=”#” shape=”rounded”]Vista rounded[/button][clear]
[button color=”blue” size=”normal” type=”vista” open_in_new_window=”no” link=”#” shape=”rounded”]Vista rounded[/button][clear]
[button color=”green” size=”large” type=”vista” open_in_new_window=”no” link=”#” shape=”rounded”]Vista rounded[/button][clear]
[button color=”brown” size=”x-large” type=”vista” open_in_new_window=”no” link=”#” shape=”rounded”]Vista rounded[/button][clear]
[button color=”light-gray” size=”xx-large” type=”vista” open_in_new_window=”no” link=”#” shape=”rounded”]Vista rounded[/button]
[/one_third]
[one_third]
[button color=”orange” size=”small” type=”vista” open_in_new_window=”no” link=”#” shape=”round”]Vista round[/button][clear]
[button color=”blue” size=”normal” type=”vista” open_in_new_window=”no” link=”#” shape=”round”]Vista round[/button][clear]
[button color=”green” size=”large” type=”vista” open_in_new_window=”no” link=”#” shape=”round”]Vista round[/button][clear]
[button color=”brown” size=”x-large” type=”vista” open_in_new_window=”no” link=”#” shape=”round”]Vista round[/button][clear]
[button color=”light-gray” size=”xx-large” type=”vista” open_in_new_window=”no” link=”#” shape=”round”]Vista round[/button]
[/one_third]
[/columns]

Simple

[columns]
[one_third]
[button color=”orange” size=”small” type=”simple” open_in_new_window=”no” link=”#”]Simple[/button][clear]
[button color=”blue” size=”normal” type=”simple” open_in_new_window=”no” link=”#”]Simple[/button][clear]
[button color=”green” size=”large” type=”simple” open_in_new_window=”no” link=”#”]Simple[/button][clear]
[button color=”brown” size=”x-large” type=”simple” open_in_new_window=”no” link=”#”]Simple[/button][clear]
[button color=”light-gray” size=”xx-large” type=”simple” open_in_new_window=”no” link=”#”]Simple[/button]
[/one_third]
[one_third]
[button color=”orange” size=”small” type=”simple” open_in_new_window=”no” link=”#” shape=”rounded”]Simple rounded[/button][clear]
[button color=”blue” size=”normal” type=”simple” open_in_new_window=”no” link=”#” shape=”rounded”]Simple rounded[/button][clear]
[button color=”green” size=”large” type=”simple” open_in_new_window=”no” link=”#” shape=”rounded”]Simple rounded[/button][clear]
[button color=”brown” size=”x-large” type=”simple” open_in_new_window=”no” link=”#” shape=”rounded”]Simple rounded[/button][clear]
[button color=”light-gray” size=”xx-large” type=”simple” open_in_new_window=”no” link=”#” shape=”rounded”]Simple rounded[/button]
[/one_third]
[one_third]
[button color=”orange” size=”small” type=”simple” open_in_new_window=”no” link=”#” shape=”round”]Simple round[/button][clear]
[button color=”blue” size=”normal” type=”simple” open_in_new_window=”no” link=”#” shape=”round”]Simple round[/button][clear]
[button color=”green” size=”large” type=”simple” open_in_new_window=”no” link=”#” shape=”round”]Simple round[/button][clear]
[button color=”brown” size=”x-large” type=”simple” open_in_new_window=”no” link=”#” shape=”round”]Simple round[/button][clear]
[button color=”light-gray” size=”xx-large” type=”simple” open_in_new_window=”no” link=”#” shape=”round”]Simple round[/button]
[/one_third]
[/columns]

Classic

[columns]
[one_third]
[button color=”orange” size=”small” type=”classic” open_in_new_window=”no” link=”#”]Classic[/button][clear]
[button color=”blue” size=”normal” type=”classic” open_in_new_window=”no” link=”#”]Classic[/button][clear]
[button color=”green” size=”large” type=”classic” open_in_new_window=”no” link=”#”]Classic[/button][clear]
[button color=”brown” size=”x-large” type=”classic” open_in_new_window=”no” link=”#”]Classic[/button][clear]
[button color=”light-gray” size=”xx-large” type=”classic” open_in_new_window=”no” link=”#”]Classic[/button]
[/one_third]
[one_third]
[button color=”orange” size=”small” type=”classic” open_in_new_window=”no” link=”#” shape=”rounded”]Classic rounded[/button][clear]
[button color=”blue” size=”normal” type=”classic” open_in_new_window=”no” link=”#” shape=”rounded”]Classic rounded[/button][clear]
[button color=”green” size=”large” type=”classic” open_in_new_window=”no” link=”#” shape=”rounded”]Classic rounded[/button][clear]
[button color=”brown” size=”x-large” type=”classic” open_in_new_window=”no” link=”#” shape=”rounded”]Classic rounded[/button][clear]
[button color=”light-gray” size=”xx-large” type=”classic” open_in_new_window=”no” link=”#” shape=”rounded”]Classic rounded[/button]
[/one_third]
[one_third]
[button color=”orange” size=”small” type=”classic” open_in_new_window=”no” link=”#” shape=”round”]Classic round[/button][clear]
[button color=”blue” size=”normal” type=”classic” open_in_new_window=”no” link=”#” shape=”round”]Classic round[/button][clear]
[button color=”green” size=”large” type=”classic” open_in_new_window=”no” link=”#” shape=”round”]Classic round[/button][clear]
[button color=”brown” size=”x-large” type=”classic” open_in_new_window=”no” link=”#” shape=”round”]Classic round[/button][clear]
[button color=”light-gray” size=”xx-large” type=”classic” open_in_new_window=”no” link=”#” shape=”round”]Classic round[/button]
[/one_third]
[/columns]

Wide button example

[button color=”orange” size=”x-large” type=”classic” open_in_new_window=”no” link=”https://themeforest.net/item/clean-multipurpose-wp-theme/16289406?ref=ThemeMotive” wide=”yes” icon_left=”fa-shopping-cart” icon_right=”fa-angle-double-right”]Buy Now[/button]