[ux_banner height=”500px” bg=”12″ bg_overlay=”rgba(0, 0, 0, 0.49)”] [text_box width=”76″]

Buttons

Create beautiful Call to Action buttons with the amazing Button Element

Primary Button [/text_box] [/ux_banner] [row] [col span=”3″]

Unlimited Variations

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

[/col] [col span=”9″] Primary Color Secondary Color Alert Color Success Color White Color Primary Color Success Color Alert Color Secondary Color [/col] [/row] [section bg_color=”rgb(44, 44, 44)” dark=”true”] [row] [col span=”3″]

Buttons on Dark background

[/col] [col span=”9″] Primary Color Secondary Color Alert Color Success Color White Color Primary Color Success Color Alert Color Secondary Color White outline [/col] [/row] [/section] [row] [col span=”3″]

Button Styles

Select between many different button styles.

[/col] [col span=”9″] Simple link Underline Outline Normal Gloss Shade Bevel [/col] [/row] [row] [col span=”3″]

Button with icon

Choose between many included Flatsome Icons.

[/col] [col span=”9″] Icon Button Icon Left Reveal Left Reveal Right href="#" data-color-override="false" data-hover-color-override="false" data-hover-text-color-override="#fff">Large Button href="#" data-color-override="false" data-hover-color-override="false" data-hover-text-color-override="#fff">Large Reveal [/col] [/row] [row] [col span=”3″]

Simple Button Styles

[/col] [col span=”9″] Primary Color Secondary Color Success Color Alert Color [/col] [/row] [row] [col span=”3″]

Button Radius

Add custom radius to buttons

[/col] [col span=”9″] Normal Button Round Button Circle Button Normal Button Round Button Circle Button [/col] [/row] [row] [col span=”3″]

Button Shadow

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

[/col] [col span=”9″] Large Shadow Medium Shadow Small Shadow [/col] [/row] [row] [col span=”3″]

Button Sizes

[/col] [col span=”9″] href="#" data-color-override="false" data-hover-color-override="false" data-hover-text-color-override="#fff">x Small href="#" data-color-override="false" data-hover-color-override="false" data-hover-text-color-override="#fff">Smaller Small Normal Large href="#" data-color-override="false" data-hover-color-override="false" data-hover-text-color-override="#fff">Larger href="#" data-color-override="false" data-hover-color-override="false" data-hover-text-color-override="#fff">X LARGE [/col] [/row] [row] [col span=”3″]

Smart Links

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

[/col] [col span=”4″]

‘shop‘ : Goes to Shop page

‘account’ Goes to My Account Page

‘checkout’ Goes to Checkout page

‘blog’ Goes to blog page

[/col] [col span=”4″ span__sm=”12″]

‘home‘ Goes to homepage

‘wishlist‘ Goes to wishlist page

‘Page Title‘ Goes to page by Title.

[/col] [/row]