{"id":5704,"date":"2021-04-11T17:47:56","date_gmt":"2021-04-11T09:47:56","guid":{"rendered":"https:\/\/bakrie-brothers.com\/?post_type=docs&#038;p=5704"},"modified":"2021-04-11T17:47:56","modified_gmt":"2021-04-11T09:47:56","slug":"how-to-make-full-width-or-full-height-row","status":"publish","type":"docs","link":"https:\/\/bakrie-brothers.com\/id\/help\/how-to-make-full-width-or-full-height-row\/","title":{"rendered":"How to make full width or full height row?"},"content":{"rendered":"<h2 class=\"wp-block-heading\"   id=\"Howtomakefullwidthorfullheightrow?-FullWidthRow\">Full Width Row<\/h2>\n\n\n\n<p>Starting from version 4.4 row element of&nbsp;WPBakery Page Builder has been extended with \u201cRow stretch\u201d option which allows following states:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Default<\/li><li>Stretch row (Stretches row, but leave content in the previous width)<\/li><li>Stretch row and content (Leaves default Bootstrap paddings of 15 pixels on the left and right side of row)<\/li><li>Stretch row and content without spaces (Remove default Bootstrap padding of 15 pixels as well)<\/li><\/ul>\n\n\n\n<p><strong>Note:<\/strong>\u00a0If WordPress theme uses\u00a0<em>overflow: hidden<\/em>\u00a0in markup it may result in an inappropriate row stretching.<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\"   title=\"WPBakery Page Builder Row Stretch\"   width=\"640\"   height=\"360\"   src=\"https:\/\/www.youtube.com\/embed\/aU3f2-Sgzto?feature=oembed\"   frameborder=\"0\"   allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"   referrerpolicy=\"strict-origin-when-cross-origin\"  allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"   id=\"Howtomakefullwidthorfullheightrow?-FullHeightRow\">Full Height Row<\/h2>\n\n\n\n<p>SINCE 4.7<\/p>\n\n\n\n<p>Starting from version 4.7 row element of&nbsp;WPBakery Page Builder has the option to set row full height \u2013 access row parameters and check \u201cYes\u201d for Full Height Row. In addition, it is possible to control content position by placing content on Middle or Top of the full height row.<\/p>\n\n\n\n<p><strong>Note:<\/strong>&nbsp;if your row is in the viewport on initial page load the full height will stretch row until the end of the viewport screen as it will take into account content and header above it. All full height rows below initial viewport will be full height in terms of the browser screen.<\/p>","protected":false},"excerpt":{"rendered":"<p>Full Width Row Starting from version 4.4 row element of&nbsp;WPBakery Page Builder has been extended with \u201cRow stretch\u201d option which allows following states: Default Stretch row (Stretches row, but leave content in the previous width) Stretch row and content (Leaves default Bootstrap paddings of 15 pixels on the left and right side of row) Stretch row and content without spaces (Remove default Bootstrap padding of 15 pixels as well) Note:\u00a0If WordPress theme uses\u00a0overflow: hidden\u00a0in markup it may result in an inappropriate row stretching. Full Height Row SINCE 4.7 Starting from version 4.7 row element of&nbsp;WPBakery Page Builder has the option to set row full height \u2013 access row parameters and check \u201cYes\u201d for Full Height Row. In addition, it is possible to control content position by placing content on Middle or Top of the full height row. Note:&nbsp;if your row is in the viewport on initial page load the full height will stretch row until the end of the viewport screen as it will take into account content and header above it. All full height rows below initial viewport will be full height in terms of the browser screen.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[84],"doc_tag":[],"class_list":["post-5704","docs","type-docs","status-publish","hentry","doc_category-page-builder"],"_links":{"self":[{"href":"https:\/\/bakrie-brothers.com\/id\/wp-json\/wp\/v2\/docs\/5704","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bakrie-brothers.com\/id\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/bakrie-brothers.com\/id\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/bakrie-brothers.com\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bakrie-brothers.com\/id\/wp-json\/wp\/v2\/comments?post=5704"}],"version-history":[{"count":0,"href":"https:\/\/bakrie-brothers.com\/id\/wp-json\/wp\/v2\/docs\/5704\/revisions"}],"wp:attachment":[{"href":"https:\/\/bakrie-brothers.com\/id\/wp-json\/wp\/v2\/media?parent=5704"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/bakrie-brothers.com\/id\/wp-json\/wp\/v2\/doc_category?post=5704"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/bakrie-brothers.com\/id\/wp-json\/wp\/v2\/doc_tag?post=5704"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}