{"id":598,"date":"2015-05-05T12:54:36","date_gmt":"2015-05-05T16:24:36","guid":{"rendered":"http:\/\/wordpress.local\/collektion\/?page_id=598"},"modified":"2015-05-05T12:54:36","modified_gmt":"2015-05-05T16:24:36","slug":"buttons","status":"publish","type":"page","link":"https:\/\/themes.simonbouchard.com\/collektion\/documentation\/built-in-shortcodes\/buttons\/","title":{"rendered":"Buttons"},"content":{"rendered":"<h4>Attributes<\/h4>\n<table class=\"table-stripped table-hovered\">\n<thead>\n<th>Parameters<\/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>medium, large, full_width<\/td>\n<td>N\/A<\/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<h5>Demo<\/h5>\n<section class=\"row\" style=\"\"> \n<div class=\"col12 \" style=\"\"> \n<a href=\"#\" target=\"_self\" class=\"btn btn-gray\" style=\"\">Read more<\/a>\n<a href=\"#\" target=\"_self\" class=\"btn btn-accent\" style=\"\">Order now<\/a>\n<div class=\"clearfix\" style=\"margin-top:24px;margin-bottom:24px\"><\/div>\n<pre class=\"brush: plain;\">[button color=\"gray\" text=\"Read more\" link=\"#\" ][\/button]\n[button color=\"accent\" text=\"Order now\" link=\"#\" ][\/button]<\/pre>\n <\/div>\n<div class=\"col12 \" style=\"\"> \n<h6>Buttons with icon.<\/h6>\n<a href=\"#\" target=\"_self\" class=\"btn\" style=\"\">Apple<i class=\"fa fa-fx fa-apple\" style=\"\"><\/i><\/a>\n<a href=\"#\" target=\"_self\" class=\"btn\" style=\"\">Linux<i class=\"fa fa-fx fa-linux\" style=\"\"><\/i><\/a>\n<a href=\"#\" target=\"_self\" class=\"btn\" style=\"\">Microsoft<i class=\"fa fa-fx fa-windows\" style=\"\"><\/i><\/a>\n<div class=\"clearfix\" style=\"margin-top:24px;margin-bottom:24px\"><\/div>\n<pre class=\"brush: plain;\">[button icon=\"fa-apple\" text=\"Apple\" link=\"#\"][\/button ]\n[button icon=\"fa-linux\" text=\"Linux\" link=\"#\"][\/button ]\n[button icon=\"fa-windows\" text=\"Microsoft\" link=\"#\"][\/button]<\/pre>\n <\/div>\n<div class=\"col12 \" style=\"\"> \n<h6>Medium Sized Buttons.<\/h6>\n<a href=\"#\" target=\"_self\" class=\"btn medium\" style=\"\">Apple<i class=\"fa fa-fx fa-apple\" style=\"\"><\/i><\/a>\n<a href=\"#\" target=\"_self\" class=\"btn medium\" style=\"\">Linux<i class=\"fa fa-fx fa-linux\" style=\"\"><\/i><\/a>\n<a href=\"#\" target=\"_self\" class=\"btn medium\" style=\"\">Microsoft<i class=\"fa fa-fx fa-windows\" style=\"\"><\/i><\/a>\n<div class=\"clearfix\" style=\"margin-top:24px;margin-bottom:24px\"><\/div>\n<pre class=\"brush: plain;\">[button size=\"medium\" icon=\"fa-apple\" text=\"Apple\" link=\"#\"][\/button]\n[button size=\"medium\" icon=\"fa-linux\" text=\"Linux\" link=\"#\"][\/button]\n[button size=\"medium\" icon=\"fa-windows\" text=\"Microsoft\" link=\"#\"][\/button]<\/pre>\n <\/div>\n<div class=\"col12 \" style=\"\"> \n<h6>Large Sized Buttons.<\/h6>\n<a href=\"#\" target=\"_self\" class=\"btn large\" style=\"\">Apple<i class=\"fa fa-fx fa-apple\" style=\"\"><\/i><\/a>\n<a href=\"#\" target=\"_self\" class=\"btn large\" style=\"\">Linux<i class=\"fa fa-fx fa-linux\" style=\"\"><\/i><\/a>\n<a href=\"#\" target=\"_self\" class=\"btn large\" style=\"\">Microsoft<i class=\"fa fa-fx fa-windows\" style=\"\"><\/i><\/a>\n<div class=\"clearfix\" style=\"margin-top:24px;margin-bottom:24px\"><\/div>\n<pre class=\"brush: plain;\">[button size=\"large\" icon=\"fa-apple\" text=\"Apple\" link=\"#\"][\/button]\n[button size=\"large\" icon=\"fa-linux\" text=\"Linux\" link=\"#\"][\/button]\n[button size=\"large\" icon=\"fa-windows\" text=\"Microsoft\" link=\"#\"][\/button]<\/pre>\n <\/div>\n <\/section>\n","protected":false},"excerpt":{"rendered":"<p>Attributes Parameters Description Values Default size Define the button size medium, large, full_width N\/A 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, inherit normal&#8230;  <a class=\"link\" href=\"https:\/\/themes.simonbouchard.com\/collektion\/documentation\/built-in-shortcodes\/buttons\/\" title=\"Read Buttons\">Read more &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":600,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/themes.simonbouchard.com\/collektion\/wp-json\/wp\/v2\/pages\/598"}],"collection":[{"href":"https:\/\/themes.simonbouchard.com\/collektion\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themes.simonbouchard.com\/collektion\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themes.simonbouchard.com\/collektion\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.simonbouchard.com\/collektion\/wp-json\/wp\/v2\/comments?post=598"}],"version-history":[{"count":0,"href":"https:\/\/themes.simonbouchard.com\/collektion\/wp-json\/wp\/v2\/pages\/598\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/themes.simonbouchard.com\/collektion\/wp-json\/wp\/v2\/pages\/600"}],"wp:attachment":[{"href":"https:\/\/themes.simonbouchard.com\/collektion\/wp-json\/wp\/v2\/media?parent=598"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}