{"id":9871,"date":"2024-03-22T21:54:50","date_gmt":"2024-03-22T21:54:50","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/?p=9871"},"modified":"2024-08-11T15:41:24","modified_gmt":"2024-08-11T15:41:24","slug":"how-to-make-section-as-full-width","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2024\/03\/22\/how-to-make-section-as-full-width\/","title":{"rendered":"How to make section as full width"},"content":{"rendered":"\n<p class=\"has-text-color has-background has-link-color wp-elements-e888863b18a896dac546fa37f88b91b3 wp-block-paragraph\" style=\"color:#212529;background-color:#ecd8ff\"><strong>Question:<\/strong> I want to make section width as full width container but not sure where to do it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">There are several solutions on this question.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>You can set section&#8217;s layout as full width in section itself.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1:<\/strong> Select Section you want to convert to full width and Navigate to <code>Layout<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 2:<\/strong> Select Layout Item and toggle on the <strong>&#8220;Stretch Section&#8221;<\/strong> button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"515\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2024\/03\/section-stretch-1024x515.png\" alt=\"\" class=\"wp-image-10009\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2024\/03\/section-stretch-1024x515.png 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2024\/03\/section-stretch-768x386.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li><\/li>\n\n\n\n<li class=\"mt-10\">You can set container&#8217;s width as full width by just toggle on the stretch button.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1:<\/strong> Select section you want to make as full width.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 2:<\/strong> Navigate to <code>Layout \/ UDesign Options<\/code> and click on toggle button: &#8220;Stretch Container&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"514\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2024\/03\/set-section-width-1-1024x514.png\" alt=\"\" class=\"wp-image-9892\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2024\/03\/set-section-width-1-1024x514.png 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2024\/03\/set-section-width-1-768x386.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 3:<\/strong> Navigate to Layout \/ Stretch Container and Select your favorite layout.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"515\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2024\/03\/set-section-width-2-1024x515.png\" alt=\"\" class=\"wp-image-9893\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2024\/03\/set-section-width-2-1024x515.png 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2024\/03\/set-section-width-2-768x386.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Question: I want to make section width as full width container but not sure where to do it. There are several solutions on this question. Step 1: Select Section you want to convert to full width and Navigate to Layout Step 2: Select Layout Item and toggle on the &#8220;Stretch Section&#8221; button. Step 1: Select [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[16],"tags":[],"class_list":["post-9871","post","type-post","status-publish","format-standard","hentry","category-faqs"],"_links":{"self":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/9871","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/comments?post=9871"}],"version-history":[{"count":2,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/9871\/revisions"}],"predecessor-version":[{"id":10782,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/9871\/revisions\/10782"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/media?parent=9871"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/categories?post=9871"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/tags?post=9871"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}