{"id":621,"date":"2014-07-06T21:02:44","date_gmt":"2014-07-06T21:02:44","guid":{"rendered":"https:\/\/themes.simonbouchard.com\/theagency-v2\/?page_id=169"},"modified":"2014-07-06T21:02:44","modified_gmt":"2014-07-06T21:02:44","slug":"columns","status":"publish","type":"page","link":"https:\/\/themes.simonbouchard.com\/studio8\/documentation\/built-in-short-codes\/columns\/","title":{"rendered":"Columns"},"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>class<\/td>\n<td>Define a custom CSS class<\/td>\n<td>Class name<\/td>\n<td>N\/A<\/td>\n<\/tr>\n<tr class=\"even\">\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 class=\"even\">\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>one_half<\/h5>\n<div class=\"row cf\" style=\"background-size: auto;\"><div class=\"wrap\"> \n<div class=\"one_half \" style=\"background-color: #c1e8f3;padding: 4%;\"> 1\/2 <\/div>\n<div class=\"one_half last \" style=\"background-color: #c1e8f3;padding: 4%;\"> 1\/2 <\/div><div class=\"cf\"><\/div>\n <\/div><\/div>\n<pre class=\"brush: plain;\">\n[one_half bg_color=\"#c1e8f3\" padding=\"4%\"]1\/2[\/one_half]\n[one_half bg_color=\"#c1e8f3\" padding=\"4%\" last=\"true\"]1\/2[\/one_half]\n<\/pre>\n<h5>one_third<\/h5>\n<div class=\"row cf\" style=\"background-size: auto;\"><div class=\"wrap\"> \n<div class=\"one_third \" style=\"background-color: #c1e8f3;padding: 4%;\">1\/3<\/div>\n<div class=\"one_third \" style=\"background-color: #c1e8f3;padding: 4%;\">1\/3<\/div>\n<div class=\"one_third last \" style=\"background-color: #c1e8f3;padding: 4%;\"> 1\/3 <\/div><div class=\"cf\"><\/div>\n <\/div><\/div>\n<pre class=\"brush: plain;\">\n[one_third bg_color=\"#c1e8f3\" padding=\"4%\"]1\/3[\/one_third]\n[one_third bg_color=\"#c1e8f3\" padding=\"4%\"]1\/3[\/one_third]\n[one_third bg_color=\"#c1e8f3\" padding=\"4%\" last=\"true\"]1\/3[\/one_third]\n<\/pre>\n<h5>two_third<\/h5>\n<div class=\"row cf\" style=\"background-size: auto;\"><div class=\"wrap\"> \n<div class=\"one_third \" style=\"background-color: #c1e8f3;padding: 4%;\">1\/3<\/div>\n<div class=\"two_third last \" style=\"background-color: #c1e8f3;padding: 4%;\"> 2\/3 <\/div><div class=\"cf\"><\/div>\n <\/div><\/div>\n<pre class=\"brush: plain;\">\n[one_third bg_color=\"#c1e8f3\" padding=\"4%\"]1\/3[\/one_third]\n[two_third bg_color=\"#c1e8f3\" padding=\"4%\" last=\"true\"]2\/3[\/two_third]\n<\/pre>\n<h5>one_fourth<\/h5>\n<div class=\"row cf\" style=\"background-size: auto;\"><div class=\"wrap\"> \n<div class=\"one_fourth \" style=\"background-color: #c1e8f3;padding: 4%;\">1\/4<\/div>\n<div class=\"one_fourth \" style=\"background-color: #c1e8f3;padding: 4%;\">1\/4<\/div>\n<div class=\"one_fourth \" style=\"background-color: #c1e8f3;padding: 4%;\">1\/4<\/div>\n<div class=\"one_fourth last \" style=\"background-color: #c1e8f3;padding: 4%;\"> 1\/4 <\/div><div class=\"cf\"><\/div>\n <\/div><\/div>\n<pre class=\"brush: plain;\">\n[one_fourth bg_color=\"#c1e8f3\" padding=\"4%\"]1\/4[\/one_fourth]\n[one_fourth bg_color=\"#c1e8f3\" padding=\"4%\"]1\/4[\/one_fourth]\n[one_fourth bg_color=\"#c1e8f3\" padding=\"4%\"]1\/4[\/one_fourth]\n[one_fourth bg_color=\"#c1e8f3\" padding=\"4%\" last=\"true\"]1\/4[\/one_fourth]\n<\/pre>\n<h5>three_fourth<\/h5>\n<div class=\"row cf\" style=\"background-size: auto;\"><div class=\"wrap\"> \n<div class=\"one_fourth \" style=\"background-color: #c1e8f3;padding: 4%;\">1\/4<\/div>\n<div class=\"three_fourth last \" style=\"background-color: #c1e8f3;padding: 4%;\"> 3\/4 <\/div><div class=\"cf\"><\/div>\n <\/div><\/div>\n<pre class=\"brush: plain;\">\n[one_fourth bg_color=\"#c1e8f3\" padding=\"4%\"]1\/4[\/one_fourth]\n[three_fourth bg_color=\"#c1e8f3\" padding=\"4%\" last=\"true\"]3\/4[\/three_fourth]\n<\/pre>\n<div class=\"clear cf\" style=\"margin-top:24px;margin-bottom:24px\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Attributes Attribute 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 one_half one_third two_third one_fourth three_fourth<\/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\/621"}],"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=621"}],"version-history":[{"count":0,"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/pages\/621\/revisions"}],"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=621"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}