> For the complete documentation index, see [llms.txt](https://foxecom.gitbook.io/minimog-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://foxecom.gitbook.io/minimog-theme/theme-settings/layout-settings.md).

# Layout settings

Change the website's container, width, and margin size

<div data-full-width="true"><figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2Fa5w6LQkUFhLWSt58jhjP%2FHelp%20Center%20banner%20%201250%20x%20200-2.png?alt=media&amp;token=ab0daf12-b917-4435-a603-9a3f6613f853" alt=""><figcaption><p><a href="https://foxecom.com/pages/affiliate?utm_source=minimog%2Bhelp%2Bcenter&#x26;utm_medium=banner&#x26;utm_campaign=foxaffiliatelaunch2024">Explore FoxEcom Affiliate Program now </a><span data-gb-custom-inline data-tag="emoji" data-code="2728">✨</span></p></figcaption></figure></div>

{% embed url="<https://youtu.be/vPhEFPmjq5g>" %}

{% hint style="success" %}
**Steps**

1. In the theme editor (**Customize**), click **Theme settings.**
2. Locate **Layout settings.**
3. Make necessary changes.
4. **Save.**
   {% endhint %}

## Container

This section consists of 3 elements:

* Container width provides a responsive **fixed width container: h**as one fixed width for each screen size.
* Container max-width: known as a **fluid container**, will continuously resize as users change the width of their window/browser by any amount.
* Margin left & right: the blank space on the right and left side of the website.

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2Fka7HVTTTaatLmsEQ6ooq%2Fimage.png?alt=media&amp;token=a20d056b-da01-40f8-ab95-cf9db25e49f6" alt=""><figcaption></figcaption></figure>

## Corner radius

The Corner radius setting allows you to adjust the corner style of **Blocks** and **Product cards** on your website:

* **Square**: Sharp, defined corners for a classic look.
* **Rounded**: Smooth, curved corners for a modern feel.

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2F8fMIe6N5GLxqCyIGZaD7%2Fimage.png?alt=media&amp;token=8ee11cd3-447b-4078-a19b-5fc2d3293637" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FGeIkBQFI4LGjyGqhvlet%2Flivechat883x471%20(1).png?alt=media&amp;token=9168d917-bd02-4cd6-a7af-eb9896c7a5ef" alt=""><figcaption><p><a href="https://apps.shopify.com/xflow?utm_source=foxecom&#x26;utm_medium=help_center_minimog&#x26;utm_campaign=banner">Install XFlow Back In Stock Automation FREE</a></p></figcaption></figure>
