{"id":29,"date":"2023-04-27T06:42:15","date_gmt":"2023-04-27T06:42:15","guid":{"rendered":"https:\/\/docs.mysterythemes.com\/ogma\/?p=29"},"modified":"2024-01-08T04:45:21","modified_gmt":"2024-01-08T04:45:21","slug":"how-to-configure-container-layout-of-your-site","status":"publish","type":"post","link":"https:\/\/docs.mysterythemes.com\/ogma\/how-to-configure-container-layout-of-your-site\/","title":{"rendered":"How to Configure Container Layout of Your Site?"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\"><em>What does it do?<\/em><\/h2>\n\n\n\n<p><span style=\"background-color: rgb(255, 255, 255);\">Container<\/span><strong> layout<\/strong> specifies the way in which different container blocks within your site are displayed. The Ogma theme provides you with three different container layout options. They are <strong>FULL WIDTH<\/strong>, <strong>BOXED<\/strong> and <span style=\"background-color: rgba(0, 0, 0, 0.2);\"><b>SEPAR<\/b><\/span><strong>ATE.<\/strong><\/p>\n\n\n\n<p>The site layouts are displayed in accordance with the image shown below.<\/p>\n\n\n\n<p><span style=\"background-color: rgb(255, 255, 255);\">The FULL<\/span><strong> WIDTH<\/strong> layout displays different container blocks collectively spanning the entire width of the screen.<\/p>\n\n\n\n<p>The boxe<strong>d<\/strong> layout creates a margin for the main container such that the background image or color for the site becomes visible.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"371\" height=\"361\" src=\"https:\/\/docs.mysterythemes.com\/ogma\/wp-content\/uploads\/sites\/22\/2023\/04\/image-1.png\" alt=\"\" class=\"wp-image-30\" srcset=\"https:\/\/docs.mysterythemes.com\/ogma\/wp-content\/uploads\/sites\/22\/2023\/04\/image-1.png 371w, https:\/\/docs.mysterythemes.com\/ogma\/wp-content\/uploads\/sites\/22\/2023\/04\/image-1-300x292.png 300w\" sizes=\"auto, (max-width: 371px) 100vw, 371px\" \/><\/figure>\n<\/div>\n\n\n<p><em style=\"\"><b>Note: In order to use a background image or color for your site, you must use a boxed layout; otherwi<\/b><\/em><strong><em>se, it won\u2019t become visible.<\/em><\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Video Guidance<\/h3>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"OGMA BLOG: Complete Website Customization Tutorial\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/FpRpOJDk-2E?start=30&#038;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><figcaption class=\"wp-element-caption\"><em>Started from suggested clip of the complete <a href=\"https:\/\/www.youtube.com\/@MysteryThemes\">YouTube <\/a>walkthrough.<\/em><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><em>How to access this setting?<\/em><\/h2>\n\n\n\n<p>Navigate to <strong>General Settings >> Site Style <\/strong>to access and configure settings related to site style.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open your WordPress Dashboard.<\/li>\n\n\n\n<li>Open your theme customizer by navigating to <strong>Appearance &gt;&gt; Customize.<\/strong><\/li>\n\n\n\n<li>After you opened theme customizer settings, navigate to <strong>General Settings &gt;&gt; Site Style <\/strong>to access and configure settings related to site style.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>What does it do? Container layout specifies the way in which different container blocks within your site are displayed. The Ogma theme provides you with three different container layout options. They are FULL WIDTH, BOXED and SEPARATE. The site layouts are displayed in accordance with the image shown below. The FULL WIDTH layout displays different [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-29","post","type-post","status-publish","format-standard","hentry","category-general-settings"],"_links":{"self":[{"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/posts\/29","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/comments?post=29"}],"version-history":[{"count":4,"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/posts\/29\/revisions"}],"predecessor-version":[{"id":298,"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/posts\/29\/revisions\/298"}],"wp:attachment":[{"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/media?parent=29"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/categories?post=29"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/tags?post=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}