Buttons – Pro!

The plugin lets you create buttons of multiple colors that you would use in your site. The supported colors are Orange, Blue, Teal, Cyan, Green, Pink, Black, Red, Transparent and Semi Transparent (for dark backgrounds).

Addon Features

  • You can choose a custom color and custom hover color too for the button to create a button of your chosen color.
  • A button of Default color has its color derived from the Theme Color set in the plugin options.
  • You can choose to display an icon along with the button text. The icon can be a icon font or an image.
  • Choose from over 30 animations to create an animated button.
[lvca_button color=”custom” type=”large” align=”center” animation=”bounce” target=”true” text=”Custom” href=”http://example.com” custom_color=”#fe5000″ hover_color=”#ff631c”]
[lvca_button color=”black” type=”large” align=”center” animation=”flash” target=”true” text=”Black” href=”http://example.com”]
[lvca_button color=”blue” type=”large” align=”center” animation=”pulse” target=”true” text=”Blue” href=”http://example.com”]
[lvca_button color=”cyan” type=”large” align=”center” animation=”swing” target=”true” text=”Cyan” href=”http://example.com”]
[lvca_button color=”green” type=”large” align=”center” animation=”shake” target=”true” text=”Green” href=”http://example.com”]
[lvca_button color=”orange” type=”large” align=”center” animation=”wobble” target=”true” text=”Orange” href=”http://example.com”]
[lvca_button color=”pink” type=”large” align=”center” animation=”jello” target=”true” text=”Pink” href=”http://example.com”]
[lvca_button color=”red” type=”large” align=”center” animation=”rubberBand” target=”true” text=”Red” href=”http://example.com”]
[lvca_button color=”custom” align=”center” animation=”bounceIn” target=”true” text=”Custom” href=”http://example.com” custom_color=”#7a0039″ hover_color=”#7a1142″]
[lvca_button color=”teal” align=”center” animation=”bounceInLeft” target=”true” text=”Teal” href=”http://example.com”]
[lvca_button color=”blue” align=”center” animation=”bounceInRight” target=”true” text=”Blue” href=”http://example.com”]
[lvca_button color=”cyan” align=”center” animation=”bounceInDown” target=”true” text=”Cyan” href=”http://example.com”]
[lvca_button color=”green” align=”center” animation=”bounceInUp” target=”true” text=”Green” href=”http://example.com”]
[lvca_button color=”orange” align=”center” animation=”fadeIn” target=”true” text=”Orange” href=”http://example.com”]
[lvca_button color=”pink” align=”center” animation=”fadeInLeftBig” target=”true” text=”Pink” href=”http://example.com”]
[lvca_button color=”red” align=”center” animation=”fadeInRight” target=”true” text=”Red” href=”http://example.com”]
[lvca_button color=”teal” align=”center” animation=”fadeInRightBig” target=”true” text=”Teal” href=”http://example.com”]
[lvca_button align=”center” animation=”fadeInUp” target=”true” text=”Default” href=”http://example.com”]
[lvca_button color=”custom” align=”center” animation=”fadeInUpBig” target=”true” text=”Custom” href=”http://example.com” custom_color=”#8224e3″ hover_color=”#9241e2″]
[lvca_button color=”red” align=”center” animation=”fadeInDown” target=”true” text=”Red” href=”http://example.com”]
[lvca_button color=”pink” type=”small” align=”center” animation=”fadeInDownBig” target=”true” text=”Pink” href=”http://example.com”]
[lvca_button color=”red” type=”small” align=”center” animation=”flip” target=”true” text=”Red” href=”http://example.com”]
[lvca_button color=”teal” type=”small” align=”center” animation=”flipInX” target=”true” text=”Teal” href=”http://example.com”]
[lvca_button color=”cyan” type=”small” align=”center” animation=”flipInY” target=”true” text=”Cyan” href=”http://example.com”]
[lvca_button color=”green” type=”small” align=”center” animation=”lightSpeedIn” target=”true” text=”Green” href=”http://example.com”]
[lvca_button color=”blue” type=”small” align=”center” animation=”rotateIn” target=”true” text=”Red” href=”http://example.com”]
[lvca_button color=”pink” type=”large” align=”center” animation=”rotateIn” target=”true” rounded=”true” text=”Rounded” href=”http://example.com”]
[lvca_button color=”black” type=”large” align=”center” animation=”rotateInUpLeft” target=”true” rounded=”true” text=”Rounded” href=”http://example.com”]
[lvca_button color=”blue” type=”large” align=”center” animation=”rotateInUpRight” target=”true” rounded=”true” text=”Rounded” href=”http://example.com”]
[lvca_button color=”cyan” type=”large” align=”center” animation=”rotateInDownLeft” target=”true” rounded=”true” text=”Rounded” href=”http://example.com”]
[lvca_button type=”large” align=”center” icon_fontawesome=”fa fa-heart-o” animation=”rotateInDownRight” target=”true” text=”Together” href=”http://example.com”]
[lvca_button color=”black” type=”large” align=”center” icon_fontawesome=”fa fa-shopping-basket” animation=”slideInLeft” target=”true” text=”Go Shop” href=”http://example.com”]
[lvca_button color=”blue” type=”large” align=”center” icon_fontawesome=”fa fa-windows” animation=”slideInRight” target=”true” text=”Download” href=”http://example.com”]
[lvca_button color=”green” type=”large” align=”center” icon_fontawesome=”fa fa-shopping-cart” animation=”slideInDown” target=”true” text=”Add Cart” href=”http://example.com”]