{"id":806,"date":"2019-10-11T12:56:07","date_gmt":"2019-10-11T12:56:07","guid":{"rendered":"https:\/\/creativethemes.com\/blocksy\/?post_type=documentation&#038;p=806"},"modified":"2026-08-27T15:48:41","modified_gmt":"2026-08-27T12:48:41","slug":"general","status":"publish","type":"documentation","link":"https:\/\/creativethemes.com\/blocksy\/docs\/general-options\/general\/","title":{"rendered":"Layout"},"content":{"rendered":"\n<figure class=\"wp-block-video\"><video height=\"2056\" style=\"aspect-ratio: 3456 \/ 2056;\" width=\"3456\" autoplay loop muted src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2019\/10\/Screen-Recording-2025-04-09-at-15.15.05.mov\" playsinline><\/video><figcaption class=\"wp-element-caption\">General layout options demonstration.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Blocksy&#8217;s general layout controls let you define the overall width and spacing of your website from one place. These settings provide the foundation for how content is positioned across desktop and smaller screen sizes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Granular Controls<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a9fa4ec7e608&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a9fa4ec7e608\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"1800\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2019\/10\/Screenshot-2026-08-27-at-15.39.10.png\" alt=\"\" class=\"wp-image-15106\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p class=\"wp-block-paragraph\"><strong>Maximum Site Width<\/strong> &#8211; Sets the maximum width of your website&#8217;s main layout on larger screens. Blocksy remains fully responsive, so the layout automatically adapts when the available viewport becomes narrower.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Content Area Spacing<\/strong> &#8211; Controls the vertical spacing between the main content area and surrounding sections, such as the header and footer. Use this option to give your content more or less breathing room.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Content Edge Spacing<\/strong> &#8211; Defines the horizontal space between your content and the edges of the browser viewport. Lower values allow layouts to extend closer to the viewport edges, while higher values create more surrounding space.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Narrow Container Width<\/strong> &#8211; Sets the width used by Blocksy&#8217;s <strong>Narrow<\/strong> content layout. This is useful for layouts where a more compact reading width is preferred, such as articles and text-heavy pages.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Wide Alignment Offset<\/strong> &#8211; Controls how far Gutenberg blocks using the <strong>Wide<\/strong> alignment extend beyond the standard content width. Adjust this value to fine-tune the visual difference between normal and wide-aligned content.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Blocksy&#8217;s general layout controls let you define the overall width and spacing of your website from one place. These settings provide the foundation for how content is positioned across desktop and smaller screen sizes. Granular Controls Maximum Site Width &#8211; Sets the maximum width of your website&#8217;s main layout on larger screens. Blocksy remains fully [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"doc_categories":[113],"class_list":["post-806","documentation","type-documentation","status-publish","hentry","doc_categories-general-options"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"acf":[],"_links":{"self":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/806","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation"}],"about":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/types\/documentation"}],"author":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/comments?post=806"}],"version-history":[{"count":3,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/806\/revisions"}],"predecessor-version":[{"id":15108,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/806\/revisions\/15108"}],"wp:attachment":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/media?parent=806"}],"wp:term":[{"taxonomy":"doc_categories","embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/doc_categories?post=806"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}