{"id":626,"date":"2014-07-06T21:08:56","date_gmt":"2014-07-06T21:08:56","guid":{"rendered":"https:\/\/themes.simonbouchard.com\/theagency-v2\/?page_id=193"},"modified":"2015-03-07T05:14:32","modified_gmt":"2015-03-07T05:14:32","slug":"buttons","status":"publish","type":"page","link":"https:\/\/themes.simonbouchard.com\/studio8\/documentation\/built-in-short-codes\/buttons\/","title":{"rendered":"Buttons"},"content":{"rendered":"<h2 class=\"hard-start\">Attributes<\/h2>\n<table>\n<thead>\n<th>Attribute<\/th>\n<th>Description<\/th>\n<th>Values<\/th>\n<th>Default<\/th>\n<\/thead>\n<tbody>\n<tr>\n<td>size<\/td>\n<td>Define the button size<\/td>\n<td>small, medium, large, extra_large, full_width<\/td>\n<td>small<\/td>\n<\/tr>\n<tr class=\"even\">\n<td>color<\/td>\n<td>Defines the button color<\/td>\n<td>white, gray, black, accent<\/td>\n<td>N\/A<\/td>\n<\/tr>\n<tr>\n<td>text<\/td>\n<td>Define the button text<\/td>\n<td>Text<\/td>\n<td>N\/A<\/td>\n<\/tr>\n<tr class=\"even\">\n<td>text_color<\/td>\n<td>Define the button text color<\/td>\n<td>HEX or RGB value<\/td>\n<td>N\/A<\/td>\n<\/tr>\n<tr>\n<td>font_style<\/td>\n<td>Define the button text font style<\/td>\n<td>normal, italic, oblique, initial, inherit<\/td>\n<td>normal<\/td>\n<\/tr>\n<tr class=\"even\">\n<td>font_weight<\/td>\n<td>Define the button text font weight<\/td>\n<td>normal, bold, bolder, lighter, %number<\/td>\n<td>normal<\/td>\n<\/tr>\n<tr>\n<td>align<\/td>\n<td>Define the button alignment (values: left, right)<\/td>\n<td>left, right<\/td>\n<td>left<\/td>\n<\/tr>\n<tr class=\"even\">\n<td>text_color<\/td>\n<td>Define the text color<\/td>\n<td>HEX value<\/td>\n<td>N\/A<\/td>\n<\/tr>\n<tr>\n<td>text_align<\/td>\n<td>Define the text alignment<\/td>\n<td>left, right, center, justify<\/td>\n<td>left<\/td>\n<\/tr>\n<tr class=\"even\">\n<td>icon<\/td>\n<td>Define the button icon<\/td>\n<td><a href=\"http:\/\/fortawesome.github.io\/Font-Awesome\/icons\/\" target=\"_blank\">Available icons<\/a><\/td>\n<td>N\/A<\/td>\n<\/tr>\n<tr>\n<td>icon_color<\/td>\n<td>Define the button icon color<\/td>\n<td>HEX or RGB value<\/td>\n<td>N\/A<\/td>\n<\/tr>\n<tr class=\"even\">\n<td>margin<\/td>\n<td>Define the button fixed margin<\/td>\n<td>pixels, pt, em, %<\/td>\n<td>N\/A<\/td>\n<\/tr>\n<tr>\n<td>link<\/td>\n<td>Define the button url<\/td>\n<td>URL<\/td>\n<td>N\/A<\/td>\n<\/tr>\n<tr class=\"even\">\n<td>target<\/td>\n<td>Define the button url target<\/td>\n<td>_self, _blank<\/td>\n<td>_self<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h6>Demo<\/h6>\n<div class=\"row cf\" style=\"background-color: #f2f2f2;background-size: auto;text-align: center;\"><div class=\"wrap\"> \n<div class=\"shortcode_padding\" style=\"padding-top: 8%;padding-bottom: 8%;padding-left: 8%;padding-right: 8%;\"> \n<a href=\"#\" target=\"_self\" class=\"btn small gray\" style=\"\">Read more<\/a>\n<a href=\"#\" target=\"_self\" class=\"btn small black\" style=\"\">Order now<\/a>\n <\/div>\n <\/div><\/div>\n<pre class=\"lang:default decode:true \" ><div class=\"row cf\" style=\"background-color: #f2f2f2;background-size: auto;text-align: center;\"><div class=\"wrap\"> \r\n<div class=\"shortcode_padding\" style=\"padding-top: 8%;padding-bottom: 8%;padding-left: 8%;padding-right: 8%;\"> \r\n<a href=\"#\" target=\"_self\" class=\"btn small gray\" style=\"\">Read more<\/a>\r\n<a href=\"#\" target=\"_self\" class=\"btn small black\" style=\"\">Order now<\/a>\r\n <\/div>\r\n <\/div><\/div><\/pre>\n<div class=\"clear cf\" style=\"margin-top:12px;margin-bottom:12px\"><\/div>\n<div class=\"row cf\" style=\"background-color: #f2f2f2;background-size: auto;text-align: center;\"><div class=\"wrap\"> \n<div class=\"shortcode_padding\" style=\"padding-top: 8%;padding-bottom: 8%;padding-left: 8%;padding-right: 8%;\"> \nExtra large button.<\/p>\n<a href=\"#\" target=\"_self\" class=\"btn extra_large gray\" style=\"\">Extra Large button<\/a>\n <\/div>\n <\/div><\/div>\n<pre class=\"lang:default decode:true \" ><div class=\"row cf\" style=\"background-color: #f2f2f2;background-size: auto;text-align: center;\"><div class=\"wrap\"> \r\n<div class=\"shortcode_padding\" style=\"padding-top: 8%;padding-bottom: 8%;padding-left: 8%;padding-right: 8%;\"> \r\nExtra large button.\r\n\r\n<a href=\"#\" target=\"_self\" class=\"btn extra_large gray\" style=\"\">Extra Large button<\/a>\r\n <\/div>\r\n <\/div><\/div>\r\n<\/pre>\n<div class=\"clear cf\" style=\"margin-top:12px;margin-bottom:12px\"><\/div>\n<div class=\"row cf\" style=\"background-color: #1c1c1e;background-size: auto;color: #fff;text-align: center;\"><div class=\"wrap\"> \n<div class=\"shortcode_padding\" style=\"padding-top: 8%;padding-bottom: 8%;padding-left: 8%;padding-right: 8%;\"> \nButtons with icon.<\/p>\n<a href=\"#\" target=\"_self\" class=\"btn large white\" style=\"\">Linux<i class=\"fa fa-fx fa-linux\" style=\"\"><\/i><\/a>\n<a href=\"#\" target=\"_self\" class=\"btn large white\" style=\"\">Apple<i class=\"fa fa-fx fa-apple\" style=\"\"><\/i><\/a>\n <\/div>\n <\/div><\/div>\n<pre class=\"lang:default decode:true \" ><div class=\"row cf\" style=\"background-color: #1c1c1e;background-size: auto;color: #fff;text-align: center;\"><div class=\"wrap\"> \r\n<div class=\"shortcode_padding\" style=\"padding-top: 8%;padding-bottom: 8%;padding-left: 8%;padding-right: 8%;\"> \r\nButtons with icon.\r\n\r\n<a href=\"#\" target=\"_self\" class=\"btn large white\" style=\"\">Linux<i class=\"fa fa-fx fa-linux\" style=\"\"><\/i><\/a>\r\n<a href=\"#\" target=\"_self\" class=\"btn large white\" style=\"\">Apple<i class=\"fa fa-fx fa-apple\" style=\"\"><\/i><\/a>\r\n <\/div>\r\n <\/div><\/div><\/pre>\n<div class=\"clear cf\" style=\"margin-top:12px;margin-bottom:12px\"><\/div>\n<div class=\"row cf\" style=\"background-color: #00a9c5;background-size: auto;color: #fff;text-align: center;\"><div class=\"wrap\"> \n<div class=\"shortcode_padding\" style=\"padding-top: 8%;padding-bottom: 8%;padding-left: 8%;padding-right: 8%;\"> \nFullwidth button.<\/p>\n<a href=\"#\" target=\"_self\" class=\"btn full_width white\" style=\"\">Fullwidth button<i class=\"fa fa-fx fa-arrows-h\" style=\"\"><\/i><\/a>\n <\/div>\n <\/div><\/div>\n<pre class=\"lang:default decode:true \" ><div class=\"row cf\" style=\"background-color: #00a9c5;background-size: auto;color: #fff;text-align: center;\"><div class=\"wrap\"> \r\n<div class=\"shortcode_padding\" style=\"padding-top: 8%;padding-bottom: 8%;padding-left: 8%;padding-right: 8%;\"> \r\nFullwidth button.\r\n\r\n<a href=\"#\" target=\"_self\" class=\"btn full_width white\" style=\"\">Fullwidth button<i class=\"fa fa-fx fa-arrows-h\" style=\"\"><\/i><\/a>\r\n <\/div>\r\n <\/div><\/div><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Attributes Attribute Description Values Default size Define the button size small, medium, large, extra_large, full_width small color Defines the button color white, gray, black, accent N\/A text Define the button text Text N\/A text_color Define the button text color HEX or RGB value N\/A font_style Define the button text font style normal, italic, oblique, initial,&#8230;  <a class=\"excerpt-read-more\" href=\"https:\/\/themes.simonbouchard.com\/studio8\/documentation\/built-in-short-codes\/buttons\/\" title=\"Read Buttons\">Read more &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":619,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/pages\/626"}],"collection":[{"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/comments?post=626"}],"version-history":[{"count":3,"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/pages\/626\/revisions"}],"predecessor-version":[{"id":1460,"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/pages\/626\/revisions\/1460"}],"up":[{"embeddable":true,"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/pages\/619"}],"wp:attachment":[{"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/media?parent=626"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}