> For the complete documentation index, see [llms.txt](https://docs.kaliumtheme.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.kaliumtheme.com/styling/layout.md).

# Layout

Container width and the spacing between blocks.

Layout options allow you to set the container size for the entire site and adjust block spacing.

To edit the layout options go to **Appearance** -> **Customize** -> **Styling** -> **Layout**

### Container Width

There are three predefined widths, plus a custom one:

* **Large** - *Default*, maximum width is 1296 pixels.
* **Medium** - Maximum width is 1116 pixels.
* **Small** - Maximum width is 936 pixels.
* **Custom** - User defined maximum width

<figure><img src="https://2905187046-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1O25QgF7NUwiK2Ek4ro8%2Fuploads%2Fgit-blob-8bde29c2b05c182a34453b9fb470882bb1717afd%2FContainer%20Width.jpg?alt=media" alt="" width="333"><figcaption><p>Container size controls</p></figcaption></figure>

If you want to set a full width for the container check the above option **Full Width Container** toggle. While it is on, **Container Width** is hidden.

### Minimum Spacing and Maximum Spacing

These two set the padding between the container and the browser edge. The actual spacing scales smoothly between them as the screen widens, so narrow screens get the minimum and wide ones the maximum.

### Block Spacing

Block Spacing controls the space between two blocks. It is especially useful for nested blocks, like images within a Gallery block. Setting the Block Spacing to zero removes the gap between blocks, while leaving it empty uses the default spacing.

You can choose between **8 predefined block spacings** but also set your preferred spacing value which is responsive friendly:

<figure><img src="https://2905187046-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1O25QgF7NUwiK2Ek4ro8%2Fuploads%2Fgit-blob-2ede032cbc5ba51cf7fcbb7cb267a750b3e402e0%2FBlock%20Spacing.jpg?alt=media" alt="" width="331"><figcaption></figcaption></figure>

### Container Width on Single Page

If you want custom container size on page level (not entire site) you can do this by clicking **Edit Page** or **Edit Post** (whatever single page):

Go to **Parameters and Options** -> **Page Options** -> **Other Options**

<figure><img src="https://2905187046-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1O25QgF7NUwiK2Ek4ro8%2Fuploads%2Fgit-blob-8b36a3a58215344775b46d8eb9b708e179aa3cd1%2FContainer%20Size%20for%20Single%20Item.jpg?alt=media" alt=""><figcaption><p>Setting custom container width for current page/post</p></figcaption></figure>

The container width settings from the Customizer are repeated here. Minimum and Maximum Spacing are site-wide only.
