{"id":13503,"date":"2017-06-13T05:19:30","date_gmt":"2017-06-13T05:19:30","guid":{"rendered":"https:\/\/www.livemeshthemes.com\/beaver-builder-addons\/?page_id=13503"},"modified":"2017-06-13T05:19:30","modified_gmt":"2017-06-13T05:19:30","slug":"buttons","status":"publish","type":"page","link":"https:\/\/livemeshwp.com\/beaver-builder\/buttons\/","title":{"rendered":"Buttons"},"content":{"rendered":"<h1>Buttons &#8211; Pro!<\/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).<\/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><a class=\"labb-button  labb-custom labb-large labb-animate-on-scroll\" data-color=\"9e2200\" data-hover-color=\"b71500\" data-animation=\"bounce\">Custom<\/a><a class=\"labb-button  labb-teal labb-large labb-animate-on-scroll\" data-animation=\"flash\">Teal<\/a><a class=\"labb-button  labb-blue labb-large labb-animate-on-scroll\" data-animation=\"pulse\">Blue<\/a><a class=\"labb-button  labb-cyan labb-large labb-animate-on-scroll\" data-animation=\"swing\">Cyan<\/a><a class=\"labb-button  labb-green labb-large labb-animate-on-scroll\" data-animation=\"shake\">Green<\/a><a class=\"labb-button  labb-orange labb-large labb-animate-on-scroll\" data-animation=\"tada\">Orange<\/a><a class=\"labb-button  labb-pink labb-large labb-animate-on-scroll\" data-animation=\"wobble\">Pink<\/a><a class=\"labb-button  labb-red labb-large labb-animate-on-scroll\" data-animation=\"jello\">Red<\/a><a class=\"labb-button  labb-green labb-medium labb-animate-on-scroll\" data-animation=\"rubberBand\">Green<\/a><a class=\"labb-button  labb-teal labb-medium labb-animate-on-scroll labb-visible-on-scroll\" data-animation=\"bounceInLeft\">Teal<\/a><a class=\"labb-button  labb-blue labb-medium labb-animate-on-scroll labb-visible-on-scroll\" data-animation=\"bounceInUp\">Blue<\/a><a class=\"labb-button  labb-cyan labb-medium labb-animate-on-scroll labb-visible-on-scroll\" data-animation=\"bounceInUp\">Cyan<\/a><a class=\"labb-button  labb-green labb-medium labb-animate-on-scroll labb-visible-on-scroll\" data-animation=\"bounceInRight\">Green<\/a><a class=\"labb-button  labb-orange labb-medium labb-animate-on-scroll labb-visible-on-scroll\" data-animation=\"fadeIn\">Orange<\/a><a class=\"labb-button  labb-pink labb-medium labb-animate-on-scroll labb-visible-on-scroll\" data-animation=\"fadeInLeftBig\">Pink<\/a><a class=\"labb-button  labb-red labb-medium labb-animate-on-scroll labb-visible-on-scroll\" data-animation=\"fadeInLeft\">Red<\/a><a class=\"labb-button  labb-teal labb-medium labb-animate-on-scroll labb-visible-on-scroll\" data-animation=\"fadeInUp\">Teal<\/a><a class=\"labb-button  labb-default labb-medium labb-animate-on-scroll labb-visible-on-scroll\" data-animation=\"fadeInUpBig\">Default<\/a><a class=\"labb-button  labb-custom labb-medium labb-animate-on-scroll labb-visible-on-scroll\" data-color=\"7c1600\" data-hover-color=\"8e1e00\" data-animation=\"fadeInDown\">Custom<\/a><a class=\"labb-button  labb-black labb-medium labb-animate-on-scroll labb-visible-on-scroll\" data-animation=\"fadeInRightBig\">Black<\/a><a class=\"labb-button  labb-pink labb-small labb-animate-on-scroll labb-visible-on-scroll\" data-animation=\"rotateInUpLeft\">Pink<\/a><a class=\"labb-button  labb-blue labb-small labb-animate-on-scroll labb-visible-on-scroll\" data-animation=\"rotateIn\">Blue<\/a><a class=\"labb-button  labb-red labb-small labb-animate-on-scroll labb-visible-on-scroll\" data-animation=\"rotateInDownLeft\">Red<\/a><a class=\"labb-button  labb-teal labb-small labb-animate-on-scroll labb-visible-on-scroll\" data-animation=\"rotateInDownRight\">Teal<\/a><a class=\"labb-button  labb-cyan labb-small labb-animate-on-scroll labb-visible-on-scroll\" data-animation=\"zoomIn\">Cyan<\/a><a class=\"labb-button  labb-custom labb-small labb-animate-on-scroll labb-visible-on-scroll\" data-color=\"8c0048\" data-hover-color=\"ad0048\" data-animation=\"slideInRight\">Custom<\/a><a class=\"labb-button  labb-blue labb-large labb-rounded labb-animate-on-scroll\" data-animation=\"flip\">Rounded<\/a><a class=\"labb-button  labb-orange labb-large labb-rounded labb-animate-on-scroll labb-visible-on-scroll\" data-animation=\"flipInX\">Rounded<\/a><a class=\"labb-button  labb-teal labb-large labb-rounded labb-animate-on-scroll labb-visible-on-scroll\" data-animation=\"flipInY\">Rounded<\/a><a class=\"labb-button  labb-cyan labb-large labb-rounded labb-animate-on-scroll labb-visible-on-scroll\" data-animation=\"lightSpeedIn\">Rounded<\/a><a class=\"labb-button  labb-with-icon labb-pink labb-medium labb-animate-on-scroll labb-visible-on-scroll\" data-animation=\"rollIn\">Together<\/a><a class=\"labb-button  labb-with-icon labb-teal labb-medium labb-animate-on-scroll labb-visible-on-scroll\" data-animation=\"zoomInLeft\">Go Shop<\/a><a class=\"labb-button  labb-with-icon labb-blue labb-medium labb-animate-on-scroll labb-visible-on-scroll\" data-animation=\"zoomInDown\">Download<\/a><a class=\"labb-button  labb-with-icon labb-green labb-medium labb-animate-on-scroll labb-visible-on-scroll\" data-animation=\"zoomInRight\">Add Cart<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>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). Addon Features You can choose a custom color and custom hover color too for the button to [&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-screen-width.php","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/livemeshwp.com\/beaver-builder\/wp-json\/wp\/v2\/pages\/13503"}],"collection":[{"href":"https:\/\/livemeshwp.com\/beaver-builder\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/livemeshwp.com\/beaver-builder\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/livemeshwp.com\/beaver-builder\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/livemeshwp.com\/beaver-builder\/wp-json\/wp\/v2\/comments?post=13503"}],"version-history":[{"count":0,"href":"https:\/\/livemeshwp.com\/beaver-builder\/wp-json\/wp\/v2\/pages\/13503\/revisions"}],"wp:attachment":[{"href":"https:\/\/livemeshwp.com\/beaver-builder\/wp-json\/wp\/v2\/media?parent=13503"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}