{"id":10783,"date":"2024-08-15T00:25:14","date_gmt":"2024-08-15T00:25:14","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/?p=10783"},"modified":"2024-08-16T05:20:57","modified_gmt":"2024-08-16T05:20:57","slug":"how-to-make-fullwidth-page-layout","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2024\/08\/15\/how-to-make-fullwidth-page-layout\/","title":{"rendered":"How to make fullwidth page layout?"},"content":{"rendered":"\n<p class=\"has-text-color has-background has-link-color wp-elements-70a017f95744eb0ba6ab65bf6f1a4603 wp-block-paragraph\" style=\"color:#212529;background-color:#ecd8ff\"><strong>Question:<\/strong> I want to make my site page layout to be fullwidth but not sure how to do it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Please use <a href=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2021\/10\/26\/layout-builder-options\/\" data-type=\"URL\">UDesign Page Layouts<\/a> function.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can make your global or seleted pages&#8217; layout to be fullwidth.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Make global page layout to be fullwidth<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1:<\/strong> Click &#8220;Page Width, Popup&#8230;&#8221; button in global layout.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"616\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2024\/08\/global-page-layout-as-fullwidth-1.jpg\" alt=\"Select Global Page Layout Option\" class=\"wp-image-10793\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2024\/08\/global-page-layout-as-fullwidth-1.jpg 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2024\/08\/global-page-layout-as-fullwidth-1-768x462.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 2:<\/strong> Select the fullwidth page layout option and save layouts.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"620\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2024\/08\/global-page-layout-as-fullwidth-2.jpg\" alt=\"Select Global Page Layout Option\" class=\"wp-image-10797\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2024\/08\/global-page-layout-as-fullwidth-2.jpg 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2024\/08\/global-page-layout-as-fullwidth-2-768x465.jpg 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\">Make selected page layout to be fullwidth.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1:<\/strong> Click &#8220;Page Width, Popup&#8230;&#8221; button in the page layout you want to make to be fullwidth. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"1024\" height=\"620\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2024\/08\/selected-page-layout-as-fullwidth-1.jpg\" alt=\"Selected Page Layout Option as fullwidth\" class=\"wp-image-10802\" style=\"width:1274px;height:auto\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2024\/08\/selected-page-layout-as-fullwidth-1.jpg 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2024\/08\/selected-page-layout-as-fullwidth-1-768x465.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 2:<\/strong> Select the fullwidth page layout option and save layouts.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"619\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2024\/08\/selected-page-layout-as-fullwidth-2.jpg\" alt=\"\" class=\"wp-image-10805\" style=\"width:1274px;height:auto\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2024\/08\/selected-page-layout-as-fullwidth-2.jpg 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2024\/08\/selected-page-layout-as-fullwidth-2-768x464.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Question: I want to make my site page layout to be fullwidth but not sure how to do it. Please use UDesign Page Layouts function. You can make your global or seleted pages&#8217; layout to be fullwidth. Step 1: Click &#8220;Page Width, Popup&#8230;&#8221; button in global layout. Step 2: Select the fullwidth page layout option [&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-10783","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\/10783","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=10783"}],"version-history":[{"count":2,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/10783\/revisions"}],"predecessor-version":[{"id":10887,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/10783\/revisions\/10887"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/media?parent=10783"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/categories?post=10783"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/tags?post=10783"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}