Unlimited Variations

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….

[button text= »Primary Color »]

[button text= »Secondary Color » color= »secondary » radius= »12″]

[button text= »Alert Color » color= »alert » icon= »icon-heart »]

[button text= »Success Color » color= »success »]

[button text= »White Color » color= »white »]

[button text= »Primary Color » style= »outline »]

[button text= »Success Color » color= »success » style= »outline » radius= »99″]

[button text= »Alert Color » color= »alert » style= »outline » radius= »6″ icon= »icon-heart » icon_reveal= »true »]

[button text= »Secondary Color » color= »secondary » style= »outline »]

Button Styles

Select between many different button styles.

[button text= »Simple link » style= »link »]

[button text= »Underline » style= »underline »]

[button text= »Outline » style= »outline » depth= »2″ depth_hover= »2″]

[button text= »Normal » depth= »2″ depth_hover= »5″]

[button text= »Gloss » style= »gloss » radius= »99″ depth= »2″ depth_hover= »5″]

[button text= »Shade » style= »shade » radius= »7″ depth= »2″ depth_hover= »5″]

[button text= »Bevel » style= »bevel » radius= »12″ depth= »2″ depth_hover= »5″]

Button with icon

Choose between many included Flatsome Icons.

[button text= »Icon Button » style= »bevel » radius= »8″ icon= »icon-twitter » icon_pos= »left »]

[button text= »Icon Left » style= »outline » radius= »6″ icon= »icon-instagram »]

[button text= »Reveal Left » style= »outline » icon= »icon-play » icon_pos= »left » icon_reveal= »true »]

[button text= »Reveal Right » icon= »icon-angle-right » icon_reveal= »true »]

[button text= »Large Button » style= »bevel » size= »xlarge » radius= »8″ icon= »icon-twitter » icon_pos= »left »]

[button text= »Large Reveal » style= »bevel » size= »xlarge » radius= »8″ icon= »icon-checkmark » icon_pos= »left » icon_reveal= »true »]

Simple Button Styles

[button text= »Primary Color » style= »link » icon= »icon-play » icon_reveal= »true »]

[button text= »Secondary Color » color= »secondary » style= »link »]

[button text= »Success Color » color= »success » style= »link »]

[button text= »Alert Color » color= »alert » style= »link »]

Button Radius

Add custom radius to buttons

[button text= »Normal Button » size= »large »]

[button text= »Round Button » size= »large » radius= »10″]

[button text= »Circle Button » size= »large » radius= »99″]

[button text= »Normal Button » style= »outline » size= »large »]

[button text= »Round Button » style= »outline » size= »large » radius= »10″]

[button text= »Circle Button » style= »outline » size= »large » radius= »99″]

Button Shadow

Add drop shadow to buttons to make them stand out more.

[button text= »Large Shadow » style= »bevel » size= »large » depth= »5″ depth_hover= »4″]

[button text= »Medium Shadow » style= »bevel » size= »large » depth= »3″ depth_hover= »4″]

[button text= »Small Shadow » style= »bevel » size= »large » depth= »1″ depth_hover= »2″]

Button Sizes

[button text= »x Small » size= »xsmall »]

[button text= »Smaller » size= »smaller »]

[button text= »Small » size= »small »]

[button text= »Normal »]

[button text= »Large » size= »large »]

[button text= »Larger » size= »larger »]

[button text= »X LARGE » size= »xlarge »]

Smart Links

Add simple text to button links to link to various WordPress and WooCommerce pages.

‘shop‘ : Goes to Shop page

‘account’ Goes to My Account Page

‘checkout’ Goes to Checkout page

‘blog’ Goes to blog page

‘home‘ Goes to homepage

‘wishlist‘ Goes to wishlist page

‘Page Title‘ Goes to page by Title.