Buttons

Create beautiful Call to Action buttons with the amazing Button Element

Unlimited Variations

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

• Primary Color
• Secondary Color
• Alert Color
• Success Color
• White Color
• Primary Color (outline)
• Success Color (outline)
• Alert Color (outline)
• Secondary Color (outline)

Buttons on Dark background

• Primary Color
• Secondary Color
• Alert Color
• Success Color
• White Color
• Primary Color (outline)
• Success Color (outline)
• Alert Color (outline)
• Secondary Color (outline)
• White outline (outline)

Button Styles

Select between many different button styles.

• Simple link
• Underline
• Outline (depth=2)
• Normal (depth=2)
• Gloss (radius=99)
• Shade (radius=7)
• Bevel (radius=12)

Button with icon

Choose between many included Flatsome Icons.

• Icon Button (style=bevel, radius=8, icon=icon-twitter)
• Icon Left (style=outline, radius=6, icon=icon-instagram)
• Reveal Left (style=outline, icon=icon-play)
• Reveal Right (icon=icon-angle-right)
• Large Button (style=bevel, size=xlarge, radius=8)
• Large Reveal (style=bevel, size=xlarge, radius=8)

Simple Button Styles

• Primary Color (style=link, icon=icon-play)
• Secondary Color (style=link)
• Success Color (style=link)
• Alert Color (style=link)

Button Radius

Add custom radius to buttons

• Normal Button (size=large)
• Round Button (size=large, radius=10)
• Circle Button (size=large, radius=99)
• Normal Button (style=outline, size=large)
• Round Button (style=outline, size=large, radius=10)
• Circle Button (style=outline, size=large, radius=99)

Button Shadow

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

• Large Shadow (style=bevel, size=large, depth=5)
• Medium Shadow (style=bevel, size=large, depth=3)
• Small Shadow (style=bevel, size=large, depth=1)

Button Sizes

• x Small
• Smaller
• Small
• Normal
• Large
• Larger
• X LARGE

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.