{"id":620,"date":"2014-07-06T21:02:24","date_gmt":"2014-07-06T21:02:24","guid":{"rendered":"https:\/\/themes.simonbouchard.com\/theagency-v2\/?page_id=167"},"modified":"2014-07-06T21:02:24","modified_gmt":"2014-07-06T21:02:24","slug":"row","status":"publish","type":"page","link":"https:\/\/themes.simonbouchard.com\/studio8\/documentation\/built-in-short-codes\/row\/","title":{"rendered":"Row"},"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>wrap<\/td>\n<td>Wrap the content within the row<\/td>\n<td>true, false<\/td>\n<td>true<\/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>pattern<\/td>\n<td>Set a background pattern<\/td>\n<td>true, false<\/td>\n<td>false<\/td>\n<\/tr>\n<tr class=\"even\">\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 class=\"even\">\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 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 class=\"even\">\n<td>bg_size<\/td>\n<td>Specifies the size of the background-image<\/td>\n<td><a 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 <sup>New<\/sup><\/td>\n<td>Set the background-attachment property<\/td>\n<td>scroll, fixed<\/td>\n<td>fixed<\/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>parallax <sup>New<\/sup><\/td>\n<td>Enable parallax support<\/td>\n<td>true, false<\/td>\n<td>N\/A<\/td>\n<\/tr>\n<tr>\n<td>height <sup>New<\/sup><\/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<div class=\"row cf\" style=\"background-color: #f2f2f2;background-size: auto;padding: 48px 48px;\"> \n<p>This row contain two columns.<\/p>\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>\n<pre class=\"brush: html;\">\n[row wrap=\"false\" bg_color=\"#f2f2f2\" padding=\"48px 48px\"]\n<p>This row contain two columns.<\/p>\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[\/row]\n<\/pre>\n<div class=\"row pattern cf\" style=\"background-color: #000000;background-size: auto;color: #a2a2a2;padding: 72px;\"> \n<p class=\"white hard-bottom\">This row has a custom background pattern defined.<\/p>\n <\/div>\n<pre class=\"brush: html;\">[row wrap=\"false\" bg_color=\"#000000\" pattern=\"true\" text_color=\"#a2a2a2\" padding=\"72px\"]\n<p class=\"white hard-bottom\">This row has a custom background pattern defined.<\/p>\n[\/row]<\/pre>\n<div class=\"row cf\" style=\"background: url('https:\/\/themes.simonbouchard.com\/studio8\/wp-content\/uploads\/sites\/2\/2014\/11\/dark-mountain-3182.jpg') no-repeat 50% 0 fixed;background-size: cover;text-align: center;padding: 192px;\"> \n<p class=\"white hard-bottom\">This row has a custom background image defined.<\/p>\n <\/div>\n<pre class=\"brush: html;\">[row wrap=\"false\" bg_image=\"https:\/\/themes.simonbouchard.com\/studio8\/wp-content\/uploads\/sites\/2\/2014\/11\/dark-mountain-3182.jpg\" bg_size=\"cover\" padding=\"192px\" text_align=\"center\"]\n<p class=\"white hard-bottom\">This row has a custom background image defined.<\/p>\n[\/row]<\/pre>\n<div class=\"row parallax cf\" style=\"background: url('https:\/\/themes.simonbouchard.com\/studio8\/wp-content\/uploads\/sites\/2\/2014\/11\/dark-mountain-3182.jpg') no-repeat 50% 0 fixed;background-size: auto;text-align: center;padding: 192px;\"> \n<p class=\"white hard-bottom\">This row has parallax functionality defined to true.<\/p>\n <\/div>\n<pre class=\"brush: html;\">[row wrap=\"false\" parallax=\"true\" bg_image=\"https:\/\/themes.simonbouchard.com\/studio8\/wp-content\/uploads\/sites\/2\/2014\/11\/dark-mountain-3182.jpg\" padding=\"192px\" text_align=\"center\"]\n<p class=\"white hard-bottom\">This row has parallax functionality defined to true.<\/p>\n[\/row]<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Attributes Attribute Description Values Default wrap Wrap the content within the row true, false true padding Defines a fixed padding pixels, pt, em, % N\/A pattern Set a background pattern true, false false 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&#8230;  <a class=\"excerpt-read-more\" href=\"https:\/\/themes.simonbouchard.com\/studio8\/documentation\/built-in-short-codes\/row\/\" title=\"Read Row\">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\/620"}],"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=620"}],"version-history":[{"count":0,"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/pages\/620\/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=620"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}