{"id":13140,"date":"2017-04-30T08:36:37","date_gmt":"2017-04-30T08:36:37","guid":{"rendered":"https:\/\/www.livemeshthemes.com\/visual-composer-addons\/?page_id=13140"},"modified":"2017-04-30T08:36:37","modified_gmt":"2017-04-30T08:36:37","slug":"buttons","status":"publish","type":"page","link":"https:\/\/livemeshwp.com\/wpbakery-addons\/buttons\/","title":{"rendered":"Buttons"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1492244850856{padding-top: 30px !important;padding-bottom: 30px !important;background-color: #f1f1f1 !important;}&#8221;][vc_column][vc_column_text css_animation=&#8221;bounceIn&#8221; el_class=&#8221;lvca-widget-header&#8221;]<\/p>\n<h1 class=\"lvca-widget-heading\">Buttons &#8211; <span class=\"lvca-pro-feature\">Pro!<\/span><\/h1>\n<p>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).[\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221;][vc_column][vc_column_text el_class=&#8221;lvca-widget-details&#8221;]<\/p>\n<h4>Addon Features<\/h4>\n<ul>\n<li>You can choose a custom color and custom hover color too for the button to create a button of your chosen color.<\/li>\n<li>A button of Default color has its color derived from the Theme Color set in the plugin options.<\/li>\n<li>You can choose to display an icon along with the button text. The icon can be a icon font or an image.<\/li>\n<li>Choose from over 30 animations to create an animated button.<\/li>\n<\/ul>\n<p>[\/vc_column_text]<div id=\"lvca-spacer-660043d945fd2\" class=\"lvca-spacer\" data-settings='{\"desktop_spacing\":\"90\",\"tablet_spacing\":\"70\",\"tablet_width\":\"960\",\"mobile_spacing\":\"40\",\"mobile_width\":\"480\"}'><\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221;][vc_column width=&#8221;1\/4&#8243;]<div class=\"lvca-button-wrap\" style=\"clear: both; text-align:center;\"><a id=\"lvca-button660043d946030\" class= \"lvca-button  lvca-custom lvca-large lvca-animate-on-scroll\" data-color=#fe5000 data-hover_color=#ff631c data-animation=\"bounce\" href=\"http:\/\/example.com\" target=&quot;_blank&quot;>Custom<\/a><\/div>[\/vc_column][vc_column width=&#8221;1\/4&#8243;]<div class=\"lvca-button-wrap\" style=\"clear: both; text-align:center;\"><a id=\"lvca-button660043d946088\" class= \"lvca-button  lvca-black lvca-large lvca-animate-on-scroll\" data-animation=\"flash\" href=\"http:\/\/example.com\" target=&quot;_blank&quot;>Black<\/a><\/div>[\/vc_column][vc_column width=&#8221;1\/4&#8243;]<div class=\"lvca-button-wrap\" style=\"clear: both; text-align:center;\"><a id=\"lvca-button660043d9460b6\" class= \"lvca-button  lvca-blue lvca-large lvca-animate-on-scroll\" data-animation=\"pulse\" href=\"http:\/\/example.com\" target=&quot;_blank&quot;>Blue<\/a><\/div>[\/vc_column][vc_column width=&#8221;1\/4&#8243;]<div class=\"lvca-button-wrap\" style=\"clear: both; text-align:center;\"><a id=\"lvca-button660043d9460df\" class= \"lvca-button  lvca-cyan lvca-large lvca-animate-on-scroll\" data-animation=\"swing\" href=\"http:\/\/example.com\" target=&quot;_blank&quot;>Cyan<\/a><\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221;][vc_column]<div id=\"lvca-spacer-660043d9460ff\" class=\"lvca-spacer\" data-settings='{\"desktop_spacing\":\"55\",\"tablet_spacing\":\"35\",\"tablet_width\":\"960\",\"mobile_spacing\":\"20\",\"mobile_width\":\"480\"}'><\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221;][vc_column width=&#8221;1\/4&#8243;]<div class=\"lvca-button-wrap\" style=\"clear: both; text-align:center;\"><a id=\"lvca-button660043d94611c\" class= \"lvca-button  lvca-green lvca-large lvca-animate-on-scroll\" data-animation=\"shake\" href=\"http:\/\/example.com\" target=&quot;_blank&quot;>Green<\/a><\/div>[\/vc_column][vc_column width=&#8221;1\/4&#8243;]<div class=\"lvca-button-wrap\" style=\"clear: both; text-align:center;\"><a id=\"lvca-button660043d946143\" class= \"lvca-button  lvca-orange lvca-large lvca-animate-on-scroll\" data-animation=\"wobble\" href=\"http:\/\/example.com\" target=&quot;_blank&quot;>Orange<\/a><\/div>[\/vc_column][vc_column width=&#8221;1\/4&#8243;]<div class=\"lvca-button-wrap\" style=\"clear: both; text-align:center;\"><a id=\"lvca-button660043d94616c\" class= \"lvca-button  lvca-pink lvca-large lvca-animate-on-scroll\" data-animation=\"jello\" href=\"http:\/\/example.com\" target=&quot;_blank&quot;>Pink<\/a><\/div>[\/vc_column][vc_column width=&#8221;1\/4&#8243;]<div class=\"lvca-button-wrap\" style=\"clear: both; text-align:center;\"><a id=\"lvca-button660043d946192\" class= \"lvca-button  lvca-red lvca-large lvca-animate-on-scroll\" data-animation=\"rubberBand\" href=\"http:\/\/example.com\" target=&quot;_blank&quot;>Red<\/a><\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221;][vc_column]<div id=\"lvca-spacer-660043d9461af\" class=\"lvca-spacer\" data-settings='{\"desktop_spacing\":\"90\",\"tablet_spacing\":\"70\",\"tablet_width\":\"960\",\"mobile_spacing\":\"40\",\"mobile_width\":\"480\"}'><\/div>[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1492348078119{background-color: #f1f1f1 !important;}&#8221;][vc_column]<div id=\"lvca-spacer-660043d9461c0\" class=\"lvca-spacer\" data-settings='{\"desktop_spacing\":\"25\",\"tablet_spacing\":\"15\",\"tablet_width\":\"960\",\"mobile_spacing\":\"10\",\"mobile_width\":\"480\"}'><\/div>[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1492348114610{background-color: #f1f1f1 !important;}&#8221;][vc_column width=&#8221;1\/6&#8243;]<div class=\"lvca-button-wrap\" style=\"clear: both; text-align:center;\"><a id=\"lvca-button660043d9461da\" class= \"lvca-button  lvca-custom lvca-animate-on-scroll lvca-visible-on-scroll\" data-color=#7a0039 data-hover_color=#7a1142 data-animation=\"bounceIn\" href=\"http:\/\/example.com\" target=&quot;_blank&quot;>Custom<\/a><\/div>[\/vc_column][vc_column width=&#8221;1\/6&#8243;]<div class=\"lvca-button-wrap\" style=\"clear: both; text-align:center;\"><a id=\"lvca-button660043d946200\" class= \"lvca-button  lvca-teal lvca-animate-on-scroll lvca-visible-on-scroll\" data-animation=\"bounceInLeft\" href=\"http:\/\/example.com\" target=&quot;_blank&quot;>Teal<\/a><\/div>[\/vc_column][vc_column width=&#8221;1\/6&#8243;]<div class=\"lvca-button-wrap\" style=\"clear: both; text-align:center;\"><a id=\"lvca-button660043d946223\" class= \"lvca-button  lvca-blue lvca-animate-on-scroll lvca-visible-on-scroll\" data-animation=\"bounceInRight\" href=\"http:\/\/example.com\" target=&quot;_blank&quot;>Blue<\/a><\/div>[\/vc_column][vc_column width=&#8221;1\/6&#8243;]<div class=\"lvca-button-wrap\" style=\"clear: both; text-align:center;\"><a id=\"lvca-button660043d946244\" class= \"lvca-button  lvca-cyan lvca-animate-on-scroll lvca-visible-on-scroll\" data-animation=\"bounceInDown\" href=\"http:\/\/example.com\" target=&quot;_blank&quot;>Cyan<\/a><\/div>[\/vc_column][vc_column width=&#8221;1\/6&#8243;]<div class=\"lvca-button-wrap\" style=\"clear: both; text-align:center;\"><a id=\"lvca-button660043d94628c\" class= \"lvca-button  lvca-green lvca-animate-on-scroll lvca-visible-on-scroll\" data-animation=\"bounceInUp\" href=\"http:\/\/example.com\" target=&quot;_blank&quot;>Green<\/a><\/div>[\/vc_column][vc_column width=&#8221;1\/6&#8243;]<div class=\"lvca-button-wrap\" style=\"clear: both; text-align:center;\"><a id=\"lvca-button660043d9462af\" class= \"lvca-button  lvca-orange lvca-animate-on-scroll lvca-visible-on-scroll\" data-animation=\"fadeIn\" href=\"http:\/\/example.com\" target=&quot;_blank&quot;>Orange<\/a><\/div>[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1492348121610{background-color: #f1f1f1 !important;}&#8221;][vc_column width=&#8221;1\/6&#8243;]<div class=\"lvca-button-wrap\" style=\"clear: both; text-align:center;\"><a id=\"lvca-button660043d9462d0\" class= \"lvca-button  lvca-pink lvca-animate-on-scroll lvca-visible-on-scroll\" data-animation=\"fadeInLeftBig\" href=\"http:\/\/example.com\" target=&quot;_blank&quot;>Pink<\/a><\/div>[\/vc_column][vc_column width=&#8221;1\/6&#8243;]<div class=\"lvca-button-wrap\" style=\"clear: both; text-align:center;\"><a id=\"lvca-button660043d9462f0\" class= \"lvca-button  lvca-red lvca-animate-on-scroll lvca-visible-on-scroll\" data-animation=\"fadeInRight\" href=\"http:\/\/example.com\" target=&quot;_blank&quot;>Red<\/a><\/div>[\/vc_column][vc_column width=&#8221;1\/6&#8243;]<div class=\"lvca-button-wrap\" style=\"clear: both; text-align:center;\"><a id=\"lvca-button660043d94630f\" class= \"lvca-button  lvca-teal lvca-animate-on-scroll lvca-visible-on-scroll\" data-animation=\"fadeInRightBig\" href=\"http:\/\/example.com\" target=&quot;_blank&quot;>Teal<\/a><\/div>[\/vc_column][vc_column width=&#8221;1\/6&#8243;]<div class=\"lvca-button-wrap\" style=\"clear: both; text-align:center;\"><a id=\"lvca-button660043d94638c\" class= \"lvca-button  lvca-default lvca-animate-on-scroll lvca-visible-on-scroll\" data-color=#f94213 data-hover_color=#ff4513 data-animation=\"fadeInUp\" href=\"http:\/\/example.com\" target=&quot;_blank&quot;>Default<\/a><\/div>[\/vc_column][vc_column width=&#8221;1\/6&#8243;]<div class=\"lvca-button-wrap\" style=\"clear: both; text-align:center;\"><a id=\"lvca-button660043d9463bf\" class= \"lvca-button  lvca-custom lvca-animate-on-scroll lvca-visible-on-scroll\" data-color=#8224e3 data-hover_color=#9241e2 data-animation=\"fadeInUpBig\" href=\"http:\/\/example.com\" target=&quot;_blank&quot;>Custom<\/a><\/div>[\/vc_column][vc_column width=&#8221;1\/6&#8243;]<div class=\"lvca-button-wrap\" style=\"clear: both; text-align:center;\"><a id=\"lvca-button660043d9463e1\" class= \"lvca-button  lvca-red lvca-animate-on-scroll lvca-visible-on-scroll\" data-animation=\"fadeInDown\" href=\"http:\/\/example.com\" target=&quot;_blank&quot;>Red<\/a><\/div>[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1492348127544{background-color: #f1f1f1 !important;}&#8221;][vc_column]<div id=\"lvca-spacer-660043d9463fd\" class=\"lvca-spacer\" data-settings='{\"desktop_spacing\":\"90\",\"tablet_spacing\":\"70\",\"tablet_width\":\"960\",\"mobile_spacing\":\"40\",\"mobile_width\":\"480\"}'><\/div>[\/vc_column][\/vc_row][vc_row][vc_column]<div id=\"lvca-spacer-660043d94640b\" class=\"lvca-spacer\" data-settings='{\"desktop_spacing\":\"90\",\"tablet_spacing\":\"70\",\"tablet_width\":\"960\",\"mobile_spacing\":\"40\",\"mobile_width\":\"480\"}'><\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221;][vc_column width=&#8221;1\/6&#8243;]<div class=\"lvca-button-wrap\" style=\"clear: both; text-align:center;\"><a id=\"lvca-button660043d94641f\" class= \"lvca-button  lvca-pink lvca-small lvca-animate-on-scroll lvca-visible-on-scroll\" data-animation=\"fadeInDownBig\" href=\"http:\/\/example.com\" target=&quot;_blank&quot;>Pink<\/a><\/div>[\/vc_column][vc_column width=&#8221;1\/6&#8243;]<div class=\"lvca-button-wrap\" style=\"clear: both; text-align:center;\"><a id=\"lvca-button660043d946441\" class= \"lvca-button  lvca-red lvca-small lvca-animate-on-scroll\" data-animation=\"flip\" href=\"http:\/\/example.com\" target=&quot;_blank&quot;>Red<\/a><\/div>[\/vc_column][vc_column width=&#8221;1\/6&#8243;]<div class=\"lvca-button-wrap\" style=\"clear: both; text-align:center;\"><a id=\"lvca-button660043d946464\" class= \"lvca-button  lvca-teal lvca-small lvca-animate-on-scroll lvca-visible-on-scroll\" data-animation=\"flipInX\" href=\"http:\/\/example.com\" target=&quot;_blank&quot;>Teal<\/a><\/div>[\/vc_column][vc_column width=&#8221;1\/6&#8243;]<div class=\"lvca-button-wrap\" style=\"clear: both; text-align:center;\"><a id=\"lvca-button660043d946484\" class= \"lvca-button  lvca-cyan lvca-small lvca-animate-on-scroll lvca-visible-on-scroll\" data-animation=\"flipInY\" href=\"http:\/\/example.com\" target=&quot;_blank&quot;>Cyan<\/a><\/div>[\/vc_column][vc_column width=&#8221;1\/6&#8243;]<div class=\"lvca-button-wrap\" style=\"clear: both; text-align:center;\"><a id=\"lvca-button660043d9464a3\" class= \"lvca-button  lvca-green lvca-small lvca-animate-on-scroll lvca-visible-on-scroll\" data-animation=\"lightSpeedIn\" href=\"http:\/\/example.com\" target=&quot;_blank&quot;>Green<\/a><\/div>[\/vc_column][vc_column width=&#8221;1\/6&#8243;]<div class=\"lvca-button-wrap\" style=\"clear: both; text-align:center;\"><a id=\"lvca-button660043d9464c1\" class= \"lvca-button  lvca-blue lvca-small lvca-animate-on-scroll lvca-visible-on-scroll\" data-animation=\"rotateIn\" href=\"http:\/\/example.com\" target=&quot;_blank&quot;>Red<\/a><\/div>[\/vc_column][\/vc_row][vc_row][vc_column]<div id=\"lvca-spacer-660043d9464d9\" class=\"lvca-spacer\" data-settings='{\"desktop_spacing\":\"90\",\"tablet_spacing\":\"70\",\"tablet_width\":\"960\",\"mobile_spacing\":\"40\",\"mobile_width\":\"480\"}'><\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/4&#8243;]<div class=\"lvca-button-wrap\" style=\"clear: both; text-align:center;\"><a id=\"lvca-button660043d9464ec\" class= \"lvca-button  lvca-pink lvca-large lvca-rounded lvca-animate-on-scroll lvca-visible-on-scroll\" data-animation=\"rotateIn\" href=\"http:\/\/example.com\" target=&quot;_blank&quot;>Rounded<\/a><\/div>[\/vc_column][vc_column width=&#8221;1\/4&#8243;]<div class=\"lvca-button-wrap\" style=\"clear: both; text-align:center;\"><a id=\"lvca-button660043d94650d\" class= \"lvca-button  lvca-black lvca-large lvca-rounded lvca-animate-on-scroll lvca-visible-on-scroll\" data-animation=\"rotateInUpLeft\" href=\"http:\/\/example.com\" target=&quot;_blank&quot;>Rounded<\/a><\/div>[\/vc_column][vc_column width=&#8221;1\/4&#8243;]<div class=\"lvca-button-wrap\" style=\"clear: both; text-align:center;\"><a id=\"lvca-button660043d946532\" class= \"lvca-button  lvca-blue lvca-large lvca-rounded lvca-animate-on-scroll lvca-visible-on-scroll\" data-animation=\"rotateInUpRight\" href=\"http:\/\/example.com\" target=&quot;_blank&quot;>Rounded<\/a><\/div>[\/vc_column][vc_column width=&#8221;1\/4&#8243;]<div class=\"lvca-button-wrap\" style=\"clear: both; text-align:center;\"><a id=\"lvca-button660043d946552\" class= \"lvca-button  lvca-cyan lvca-large lvca-rounded lvca-animate-on-scroll lvca-visible-on-scroll\" data-animation=\"rotateInDownLeft\" href=\"http:\/\/example.com\" target=&quot;_blank&quot;>Rounded<\/a><\/div>[\/vc_column][\/vc_row][vc_row][vc_column]<div id=\"lvca-spacer-660043d946569\" class=\"lvca-spacer\" data-settings='{\"desktop_spacing\":\"90\",\"tablet_spacing\":\"70\",\"tablet_width\":\"960\",\"mobile_spacing\":\"40\",\"mobile_width\":\"480\"}'><\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/4&#8243;]<div class=\"lvca-button-wrap\" style=\"clear: both; text-align:center;\"><a id=\"lvca-button660043d9465ae\" class= \"lvca-button  lvca-with-icon lvca-default lvca-large lvca-animate-on-scroll lvca-visible-on-scroll\" data-color=#f94213 data-hover_color=#ff4513 data-animation=\"rotateInDownRight\" href=\"http:\/\/example.com\" target=&quot;_blank&quot;><span class=\"lvca-icon fa fa-heart-o\"><\/span>Together<\/a><\/div>[\/vc_column][vc_column width=&#8221;1\/4&#8243;]<div class=\"lvca-button-wrap\" style=\"clear: both; text-align:center;\"><a id=\"lvca-button660043d9465d8\" class= \"lvca-button  lvca-with-icon lvca-black lvca-large lvca-animate-on-scroll lvca-visible-on-scroll\" data-animation=\"slideInLeft\" href=\"http:\/\/example.com\" target=&quot;_blank&quot;><span class=\"lvca-icon fa fa-shopping-basket\"><\/span>Go Shop<\/a><\/div>[\/vc_column][vc_column width=&#8221;1\/4&#8243;]<div class=\"lvca-button-wrap\" style=\"clear: both; text-align:center;\"><a id=\"lvca-button660043d9465fc\" class= \"lvca-button  lvca-with-icon lvca-blue lvca-large lvca-animate-on-scroll lvca-visible-on-scroll\" data-animation=\"slideInRight\" href=\"http:\/\/example.com\" target=&quot;_blank&quot;><span class=\"lvca-icon fa fa-windows\"><\/span>Download<\/a><\/div>[\/vc_column][vc_column width=&#8221;1\/4&#8243;]<div class=\"lvca-button-wrap\" style=\"clear: both; text-align:center;\"><a id=\"lvca-button660043d94661f\" class= \"lvca-button  lvca-with-icon lvca-green lvca-large lvca-animate-on-scroll lvca-visible-on-scroll\" data-animation=\"slideInDown\" href=\"http:\/\/example.com\" target=&quot;_blank&quot;><span class=\"lvca-icon fa fa-shopping-cart\"><\/span>Add Cart<\/a><\/div>[\/vc_column][\/vc_row][vc_row][vc_column]<div id=\"lvca-spacer-660043d946636\" class=\"lvca-spacer\" data-settings='{\"desktop_spacing\":\"90\",\"tablet_spacing\":\"70\",\"tablet_width\":\"960\",\"mobile_spacing\":\"40\",\"mobile_width\":\"480\"}'><\/div>[\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1492244850856{padding-top: 30px !important;padding-bottom: 30px !important;background-color: #f1f1f1 !important;}&#8221;][vc_column][vc_column_text css_animation=&#8221;bounceIn&#8221; el_class=&#8221;lvca-widget-header&#8221;] Buttons &#8211; 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).[\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221;][vc_column][vc_column_text el_class=&#8221;lvca-widget-details&#8221;] Addon Features You can [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-full-width.php","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/livemeshwp.com\/wpbakery-addons\/wp-json\/wp\/v2\/pages\/13140"}],"collection":[{"href":"https:\/\/livemeshwp.com\/wpbakery-addons\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/livemeshwp.com\/wpbakery-addons\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/livemeshwp.com\/wpbakery-addons\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/livemeshwp.com\/wpbakery-addons\/wp-json\/wp\/v2\/comments?post=13140"}],"version-history":[{"count":0,"href":"https:\/\/livemeshwp.com\/wpbakery-addons\/wp-json\/wp\/v2\/pages\/13140\/revisions"}],"wp:attachment":[{"href":"https:\/\/livemeshwp.com\/wpbakery-addons\/wp-json\/wp\/v2\/media?parent=13140"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}