{"id":5544,"date":"2021-04-11T15:29:42","date_gmt":"2021-04-11T15:29:42","guid":{"rendered":"https:\/\/thecitragroup.com\/?post_type=docs&#038;p=5544"},"modified":"2021-04-11T15:29:45","modified_gmt":"2021-04-11T15:29:45","slug":"how-to-make-full-width-or-full-height-row","status":"publish","type":"docs","link":"https:\/\/thecitragroup.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>&nbsp;If WordPress theme uses&nbsp;<em>overflow: hidden<\/em>&nbsp;in 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 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:&nbsp;If WordPress theme uses&nbsp;overflow: hidden&nbsp;in 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":{"_acf_changed":false,"footnotes":""},"doc_category":[274],"doc_tag":[],"class_list":["post-5544","docs","type-docs","status-publish","hentry","doc_category-page-builder"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to make full width or full height row? - Citra Group<\/title>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to make full width or full height row?\" \/>\n<meta property=\"og:description\" content=\"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:&nbsp;If WordPress theme uses&nbsp;overflow: hidden&nbsp;in 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.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thecitragroup.com\/id\/help\/how-to-make-full-width-or-full-height-row\/\" \/>\n<meta property=\"og:site_name\" content=\"Citra Group\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/thecitragroup\/\" \/>\n<meta property=\"article:modified_time\" content=\"2021-04-11T15:29:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thecitragroup.com\/wp-content\/uploads\/2021\/06\/COVER_ARTIKEL_-_Air_Comp_Hitachi-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2048\" \/>\n\t<meta property=\"og:image:height\" content=\"1448\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@thecitragroup\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/thecitragroup.com\\\/help\\\/how-to-make-full-width-or-full-height-row\\\/\",\"url\":\"https:\\\/\\\/thecitragroup.com\\\/help\\\/how-to-make-full-width-or-full-height-row\\\/\",\"name\":\"How to make full width or full height row? - Citra Group\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thecitragroup.com\\\/#website\"},\"datePublished\":\"2021-04-11T15:29:42+00:00\",\"dateModified\":\"2021-04-11T15:29:45+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/thecitragroup.com\\\/help\\\/how-to-make-full-width-or-full-height-row\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/thecitragroup.com\\\/help\\\/how-to-make-full-width-or-full-height-row\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/thecitragroup.com\\\/help\\\/how-to-make-full-width-or-full-height-row\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/thecitragroup.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to make full width or full height row?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/thecitragroup.com\\\/#website\",\"url\":\"https:\\\/\\\/thecitragroup.com\\\/\",\"name\":\"Citra Group\",\"description\":\"Your Trusted Partner in Industrial Solution Requirements\",\"publisher\":{\"@id\":\"https:\\\/\\\/thecitragroup.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/thecitragroup.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/thecitragroup.com\\\/#organization\",\"name\":\"Citra Group\",\"url\":\"https:\\\/\\\/thecitragroup.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/thecitragroup.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"\",\"contentUrl\":\"\",\"caption\":\"Citra Group\"},\"image\":{\"@id\":\"https:\\\/\\\/thecitragroup.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/facebook.com\\\/thecitragroup\\\/\",\"https:\\\/\\\/x.com\\\/thecitragroup\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to make full width or full height row? - Citra Group","robots":{"index":"noindex","follow":"follow"},"og_locale":"id_ID","og_type":"article","og_title":"How to make full width or full height row?","og_description":"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:&nbsp;If WordPress theme uses&nbsp;overflow: hidden&nbsp;in 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.","og_url":"https:\/\/thecitragroup.com\/id\/help\/how-to-make-full-width-or-full-height-row\/","og_site_name":"Citra Group","article_publisher":"https:\/\/facebook.com\/thecitragroup\/","article_modified_time":"2021-04-11T15:29:45+00:00","og_image":[{"width":2048,"height":1448,"url":"https:\/\/thecitragroup.com\/wp-content\/uploads\/2021\/06\/COVER_ARTIKEL_-_Air_Comp_Hitachi-scaled.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@thecitragroup","twitter_misc":{"Est. reading time":"1 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/thecitragroup.com\/help\/how-to-make-full-width-or-full-height-row\/","url":"https:\/\/thecitragroup.com\/help\/how-to-make-full-width-or-full-height-row\/","name":"How to make full width or full height row? - Citra Group","isPartOf":{"@id":"https:\/\/thecitragroup.com\/#website"},"datePublished":"2021-04-11T15:29:42+00:00","dateModified":"2021-04-11T15:29:45+00:00","breadcrumb":{"@id":"https:\/\/thecitragroup.com\/help\/how-to-make-full-width-or-full-height-row\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thecitragroup.com\/help\/how-to-make-full-width-or-full-height-row\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/thecitragroup.com\/help\/how-to-make-full-width-or-full-height-row\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thecitragroup.com\/"},{"@type":"ListItem","position":2,"name":"How to make full width or full height row?"}]},{"@type":"WebSite","@id":"https:\/\/thecitragroup.com\/#website","url":"https:\/\/thecitragroup.com\/","name":"Citra Group","description":"Mitra Terpercaya dalam Solusi Perlengkapan Industri Anda","publisher":{"@id":"https:\/\/thecitragroup.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/thecitragroup.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/thecitragroup.com\/#organization","name":"Citra Group","url":"https:\/\/thecitragroup.com\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/thecitragroup.com\/#\/schema\/logo\/image\/","url":"","contentUrl":"","caption":"Citra Group"},"image":{"@id":"https:\/\/thecitragroup.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/thecitragroup\/","https:\/\/x.com\/thecitragroup"]}]}},"_links":{"self":[{"href":"https:\/\/thecitragroup.com\/id\/wp-json\/wp\/v2\/docs\/5544","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thecitragroup.com\/id\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/thecitragroup.com\/id\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/thecitragroup.com\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thecitragroup.com\/id\/wp-json\/wp\/v2\/comments?post=5544"}],"version-history":[{"count":1,"href":"https:\/\/thecitragroup.com\/id\/wp-json\/wp\/v2\/docs\/5544\/revisions"}],"predecessor-version":[{"id":5549,"href":"https:\/\/thecitragroup.com\/id\/wp-json\/wp\/v2\/docs\/5544\/revisions\/5549"}],"wp:attachment":[{"href":"https:\/\/thecitragroup.com\/id\/wp-json\/wp\/v2\/media?parent=5544"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/thecitragroup.com\/id\/wp-json\/wp\/v2\/doc_category?post=5544"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/thecitragroup.com\/id\/wp-json\/wp\/v2\/doc_tag?post=5544"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}