{"id":644,"date":"2015-05-07T08:42:41","date_gmt":"2015-05-07T12:12:41","guid":{"rendered":"http:\/\/wordpress.local\/collektion\/?page_id=644"},"modified":"2015-05-07T08:42:41","modified_gmt":"2015-05-07T12:12:41","slug":"columns","status":"publish","type":"page","link":"https:\/\/themes.simonbouchard.com\/collektion\/documentation\/built-in-shortcodes\/columns\/","title":{"rendered":"Columns"},"content":{"rendered":"<h4>Attributes<\/h4>\n<table class=\"table-hovered table-stripped\">\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>class<\/td>\n<td>Define a custom CSS class<\/td>\n<td>Class name<\/td>\n<td>N\/A<\/td>\n<\/tr>\n<tr>\n<td>padding<\/td>\n<td>Defines a fixed padding<\/td>\n<td>pixels, pt, em, %<\/td>\n<td>N\/A<\/td>\n<\/tr>\n<tr>\n<td>bg_color<\/td>\n<td>Define a custom background color<\/td>\n<td>HEX or RGB Value<\/td>\n<td>N\/A<\/td>\n<\/tr>\n<tr>\n<td>last<\/td>\n<td>Remove the right margin of the last column<\/td>\n<td>false, true<\/td>\n<td>false<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h6>Demo<\/h6>\n<h5>Fullwidth <\/h5>\n<section class=\"row\" style=\"\"> \n<div class=\"col12 white\" style=\"background-color: #60e8b0;padding: 4%;\"> Fullwidth (12 columns) <\/div>\n <\/section>\n<pre class=\"brush: plain;\">\n[col12 bg_color=\"#60e8b0\" padding=\"4%\"]Fullwidth (12 columns)[\/col12]\n<\/pre>\n<h5>One half<\/h5>\n<section class=\"row\" style=\"\"> \n<div class=\"col6 white\" style=\"background-color: #60e8b0;padding: 4%;\"> 1\/2 <\/div>\n<div class=\"col6 accent-color\" style=\"background-color: #a6ffda;padding: 4%;\"> 1\/2 <\/div>\n <\/section>\n<pre class=\"brush: plain;\">\n[col6 bg_color=\"#60e8b0\" padding=\"4%\"]1\/2[\/col6]\n[col6 bg_color=\"#a6ffda\" padding=\"4%\" last=\"true\"]1\/2[\/col6]\n<\/pre>\n<h5>One Third<\/h5>\n<section class=\"row\" style=\"\"> \n<div class=\"col4 white\" style=\"background-color: #60e8b0;padding: 4%;\"> 1\/3 <\/div>\n<div class=\"col4 accent-color\" style=\"background-color: #a6ffda;padding: 4%;\"> 1\/3 <\/div>\n<div class=\"col4 white\" style=\"background-color: #60e8b0;padding: 4%;\"> 1\/3 <\/div>\n <\/section>\n<pre class=\"brush: plain;\">\n[col4 bg_color=\"#60e8b0\" padding=\"4%\"]1\/3[\/col4]\n[col4 bg_color=\"#a6ffda\" padding=\"4%\"]1\/3[\/col4]\n[col4 bg_color=\"#60e8b0\" padding=\"4%\" last=\"true\"]1\/3[\/col4]\n<\/pre>\n<h5>Two Third<\/h5>\n<section class=\"row\" style=\"\"> \n<div class=\"col4 white\" style=\"background-color: #60e8b0;padding: 4%;\"> 1\/3 <\/div>\n<div class=\"col8 accent-color\" style=\"background-color: #a6ffda;padding: 4%;\"> 2\/3 <\/div>\n <\/section>\n<pre class=\"brush: plain;\">\n[col4 bg_color=\"#60e8b0\" padding=\"4%\"]1\/3[\/col4]\n[col8 bg_color=\"#a6ffda\" padding=\"4%\" last=\"true\"]2\/3[\/col8]\n<\/pre>\n<h5>One Fourth<\/h5>\n<section class=\"row\" style=\"\"> \n<div class=\"col3 white\" style=\"background-color: #60e8b0;padding: 4%;\"> 1\/4 <\/div>\n<div class=\"col3 accent-color\" style=\"background-color: #a6ffda;padding: 4%;\"> 1\/4 <\/div>\n<div class=\"col3 white\" style=\"background-color: #60e8b0;padding: 4%;\"> 1\/4 <\/div>\n<div class=\"col3 accent-color\" style=\"background-color: #a6ffda;padding: 4%;\"> 1\/4 <\/div>\n <\/section>\n<pre class=\"brush: plain;\">\n[col3 bg_color=\"#60e8b0\" padding=\"4%\"]1\/4[\/col3]\n[col3 bg_color=\"#a6ffda\" padding=\"4%\"]1\/4[\/col3]\n[col3 bg_color=\"#60e8b0\" padding=\"4%\"]1\/4[\/col3]\n[col3 bg_color=\"#a6ffda\" padding=\"4%\" last=\"true\"]1\/4[\/col3]\n<\/pre>\n<h5>Three Fourth<\/h5>\n<section class=\"row\" style=\"\"> \n<div class=\"col3 white\" style=\"background-color: #60e8b0;padding: 4%;\"> 1\/4 <\/div>\n<div class=\"col9 accent-color\" style=\"background-color: #a6ffda;padding: 4%;\"> 3\/4 <\/div>\n <\/section>\n<pre class=\"brush: plain;\">\n[col3 bg_color=\"#60e8b0\" padding=\"4%\"]1\/4[\/col3]\n[col9 bg_color=\"#a6ffda\" padding=\"4%\" last=\"true\"]3\/4[\/col9]\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Attributes Parameters Description Values Default class Define a custom CSS class Class name N\/A padding Defines a fixed padding pixels, pt, em, % N\/A bg_color Define a custom background color HEX or RGB Value N\/A last Remove the right margin of the last column false, true false Demo Fullwidth One half One Third Two Third&#8230;  <a class=\"link\" href=\"https:\/\/themes.simonbouchard.com\/collektion\/documentation\/built-in-shortcodes\/columns\/\" title=\"Read Columns\">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\/644"}],"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=644"}],"version-history":[{"count":0,"href":"https:\/\/themes.simonbouchard.com\/collektion\/wp-json\/wp\/v2\/pages\/644\/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=644"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}