{"id":714,"date":"2015-05-07T13:39:29","date_gmt":"2015-05-07T13:39:29","guid":{"rendered":"https:\/\/themes.simonbouchard.com\/collektion\/?page_id=714"},"modified":"2015-05-07T16:36:41","modified_gmt":"2015-05-07T16:36:41","slug":"row","status":"publish","type":"page","link":"https:\/\/themes.simonbouchard.com\/collektion\/documentation\/built-in-shortcodes\/row\/","title":{"rendered":"Row"},"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>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>bg_image<\/td>\n<td>Define a custom background image<\/td>\n<td>URL<\/td>\n<td>N\/A<\/td>\n<\/tr>\n<tr>\n<td>bg_repeat<\/td>\n<td>How the background-image repeat<\/td>\n<td>repeat, no-repeat, repeat-x, repeat-y<\/td>\n<td>no-repeat<\/td>\n<\/tr>\n<tr>\n<td>bg_position<\/td>\n<td>How to position the background-image<\/td>\n<td><a class=\"external\" href=\"http:\/\/www.w3schools.com\/cssref\/pr_background-position.asp\" target=\"_blank\">Learn more<\/a><\/td>\n<td>N\/A<\/td>\n<\/tr>\n<tr>\n<td>bg_size<\/td>\n<td>Specifies the size of the background-image<\/td>\n<td><a class=\"external\" href=\"http:\/\/www.w3schools.com\/cssref\/css3_pr_background-size.asp\" target=\"_blank\">Learn more<\/a><\/td>\n<td>N\/A<\/td>\n<\/tr>\n<tr>\n<td>bg_attachment<\/td>\n<td>Set the background-attachment property<\/td>\n<td>scroll, fixed<\/td>\n<td>fixed<\/td>\n<\/tr>\n<tr>\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>\n<td>parallax<\/td>\n<td>Enable parallax support<\/td>\n<td>true, false<\/td>\n<td>N\/A<\/td>\n<\/tr>\n<tr>\n<td>height<\/td>\n<td>Define the height of the row<\/td>\n<td>pixels, pt, em, %<\/td>\n<td>N\/A<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h6>Demo<\/h6>\n<section class=\"row\" style=\"background-color: #f9f9f9;text-align: center;padding: 5% 5%;\"> \n<div class=\"col12 \" style=\"\"> \n<p class=\"hard-bottom\">This row has 2 columns inside.<\/p>\n <\/div>\n<div class=\"col6 \" style=\"background-color: #f1f1f1;padding: 2%;\"> \n<p class=\"hard-bottom\">Left column.<\/p>\n <\/div>\n<div class=\"col6 \" style=\"background-color: #f1f1f1;padding: 2%;\"> \n<p class=\"hard-bottom\">Right column.<\/p>\n <\/div>\n <\/section>\n<div class=\"clearfix\" style=\"margin-top:2%;margin-bottom:0\"><\/div>\n<pre class=\"brush: html;\">[row padding=\"5% 5%\" text_align=\"center\"]\n[col6 bg_color=\"#f9f9f9\" padding=\"2%\"]\n<p class=\"hard-bottom\">Left column.<\/p>\n[\/col6]\n[col6 bg_color=\"#f9f9f9\" padding=\"2%\"]\n<p class=\"hard-bottom\">Right column.<\/p>\n[\/col6]\n[\/row]<\/pre>\n<div class=\"clearfix\" style=\"margin-top:2%;margin-bottom:0\"><\/div>\n<section class=\"row parallax\" style=\"background: url('https:\/\/themes.simonbouchard.com\/collektion\/wp-content\/uploads\/sites\/3\/2015\/04\/HWijjF7RwOPGEJ1nb4Zb_IMG_3773.jpg') no-repeat 50% 0 ;text-align: center;padding: 10% 5%;\"> \n<div class=\"col12 \" style=\"\"> \n<p class=\"font-huge accent white hard-bottom\">This row has parallax functionality defined to true.<\/p>\n <\/div>\n <\/section>\n<div class=\"clearfix\" style=\"margin-top:2%;margin-bottom:0\"><\/div>\n<pre class=\"brush: html;\">[row parallax=\"true\" bg_image=\"https:\/\/themes.simonbouchard.com\/collektion\/wp-content\/uploads\/sites\/3\/2015\/04\/HWijjF7RwOPGEJ1nb4Zb_IMG_3773.jpg\" padding=\"10% 5%\" text_align=\"center\"]\n[col12]\n<p class=\"font-huge accent white hard-bottom\">This row has parallax functionality defined to true.<\/p>\n[\/col12]\n[\/row]<\/pre>\n<div class=\"clearfix\" style=\"margin-top:2%;margin-bottom:0\"><\/div>\n<section class=\"row\" style=\"background: url('https:\/\/themes.simonbouchard.com\/collektion\/wp-content\/uploads\/sites\/3\/2015\/04\/HWijjF7RwOPGEJ1nb4Zb_IMG_3773.jpg') no-repeat 50% 0 ;background-position: 50%;text-align: center;padding: 5% 5%;\"> \n<div class=\"col12 \" style=\"\"> \n<p class=\"accent white hard-bottom\">This row has parallax functionality defined to false.<\/p>\n <\/div>\n <\/section>\n<div class=\"clearfix\" style=\"margin-top:2%;margin-bottom:0\"><\/div>\n<pre class=\"brush: html;\">[row parallax=\"false\" bg_image=\"https:\/\/themes.simonbouchard.com\/collektion\/wp-content\/uploads\/sites\/3\/2015\/04\/HWijjF7RwOPGEJ1nb4Zb_IMG_3773.jpg\" padding=\"5% 5%\" text_align=\"center\" bg_position=\"50%\" ]\n[col12]\n<p class=\"accent white hard-bottom\">This row has parallax functionality defined to false.<\/p>\n[\/col12]\n[\/row]<\/pre>\n<div class=\"clearfix\" style=\"margin-top:2%;margin-bottom:0\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Attributes Parameters Description Values Default padding Defines a fixed padding pixels, pt, em, % N\/A bg_color Define a custom background color HEX or RGB value N\/A bg_image Define a custom background image URL N\/A bg_repeat How the background-image repeat repeat, no-repeat, repeat-x, repeat-y no-repeat bg_position How to position the background-image Learn more N\/A bg_size Specifies&#8230;  <a class=\"link\" href=\"https:\/\/themes.simonbouchard.com\/collektion\/documentation\/built-in-shortcodes\/row\/\" title=\"Read Row\">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\/714"}],"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=714"}],"version-history":[{"count":4,"href":"https:\/\/themes.simonbouchard.com\/collektion\/wp-json\/wp\/v2\/pages\/714\/revisions"}],"predecessor-version":[{"id":719,"href":"https:\/\/themes.simonbouchard.com\/collektion\/wp-json\/wp\/v2\/pages\/714\/revisions\/719"}],"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=714"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}