{"id":215,"date":"2019-04-03T08:13:00","date_gmt":"2019-04-03T08:13:00","guid":{"rendered":"https:\/\/getwid.getmotopress.com\/?page_id=215"},"modified":"2019-04-03T08:13:00","modified_gmt":"2019-04-03T08:13:00","slug":"button-group-block","status":"publish","type":"page","link":"https:\/\/www.hoodsmart.org\/index.php\/blocks\/button-group-block\/","title":{"rendered":"Button Group WordPress Block"},"content":{"rendered":"\r\n<p><strong>Button Group WordPress Block<\/strong>\u00a0adds a call-to-action marketing button in style and harmony with your theme. You&#8217;ll be able to update the width, alignment, and direction for the whole set of buttons.<\/p>\r\n\r\n\r\n\r\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\r\n\r\n\r\n\r\n<p>Default<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-getwid-button-group\"><div class=\"wp-block-getwid-button-group__wrapper has-spacing-medium\">\r\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"#\">Button 1<\/a><\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-button is-style-outline\"><a class=\"wp-block-button__link\" href=\"#\">Button 2<\/a><\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-text-color has-primary-color has-background has-light-violet-background-color\" href=\"#\">Button 3<\/a><\/div>\r\n<\/div><\/div>\r\n\r\n\r\n\r\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\r\n\r\n\r\n\r\n<p>Horizontal direction and width 33%<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-getwid-button-group\"><div class=\"wp-block-getwid-button-group__wrapper has-spacing-medium has-width-33\">\r\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"#\">Button 1<\/a><\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-button is-style-outline\"><a class=\"wp-block-button__link\" href=\"#\">Button 2<\/a><\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-text-color has-primary-color has-background has-light-violet-background-color\" href=\"#\">Button 3<\/a><\/div>\r\n<\/div><\/div>\r\n\r\n\r\n\r\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\r\n\r\n\r\n\r\n<p>Vertical direction and width 50%<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-getwid-button-group\"><div class=\"wp-block-getwid-button-group__wrapper has-spacing-large has-direction-column has-width-50\">\r\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"#\">Button 1<\/a><\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-text-color has-primary-color has-background has-light-violet-background-color\" href=\"#\">Button 2<\/a><\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background has-blue-background-color\" href=\"#\">Button 3<\/a><\/div>\r\n<\/div><\/div>\r\n\r\n\r\n\r\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\r\n\r\n\r\n\r\n<p>Horizontal direction and width 50%<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-getwid-button-group\"><div class=\"wp-block-getwid-button-group__wrapper has-spacing-large has-width-50\">\r\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"#\">Button 1<\/a><\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-text-color has-primary-color has-background has-light-violet-background-color\" href=\"#\">Button 2<\/a><\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background has-blue-background-color\" href=\"#\">Button 3<\/a><\/div>\r\n<\/div><\/div>\r\n","protected":false},"excerpt":{"rendered":"<p>Button Group WordPress Block\u00a0adds a call-to-action marketing button in style and harmony with your theme. You&#8217;ll be able to update the width, alignment, and direction [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":203,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"folder":[10],"_links":{"self":[{"href":"https:\/\/www.hoodsmart.org\/index.php\/wp-json\/wp\/v2\/pages\/215"}],"collection":[{"href":"https:\/\/www.hoodsmart.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hoodsmart.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hoodsmart.org\/index.php\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hoodsmart.org\/index.php\/wp-json\/wp\/v2\/comments?post=215"}],"version-history":[{"count":0,"href":"https:\/\/www.hoodsmart.org\/index.php\/wp-json\/wp\/v2\/pages\/215\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.hoodsmart.org\/index.php\/wp-json\/wp\/v2\/pages\/203"}],"wp:attachment":[{"href":"https:\/\/www.hoodsmart.org\/index.php\/wp-json\/wp\/v2\/media?parent=215"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/www.hoodsmart.org\/index.php\/wp-json\/wp\/v2\/folder?post=215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}