# Layout

{% hint style="success" %}
Steps

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

This option lets you adjust the layout of the whole store, which includes:

* **Page content width**: Slide to choose the width for the whole store content, the range is 900 - 1680px.
* **Section heading alignment**: Left/ Center/ Right.
* **Section heading alignment on mobile**: Inherit/ Left/ Center/ Right.

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FY837qrBmxjFzNXarTXbY%2Flayout-1.png?alt=media&#x26;token=bd557093-4e2e-4960-a827-8299caa66aac" alt=""><figcaption></figcaption></figure>

You can also change the **Corner radius** of **Buttons** and **Inputs** to:

* Square
* Slightly round
* Rounded
* Pill

{% tabs %}
{% tab title="Square" %}

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FKWVsLfwP0GNKIpIH1rXE%2Fimage.png?alt=media&#x26;token=a0384960-c2ee-49bd-b496-4380371dc333" alt=""><figcaption><p>Square button</p></figcaption></figure>

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2F8ORbKF02KIszTekxdfBs%2Fimage.png?alt=media&#x26;token=d04cea98-4a42-4615-a5e2-1e8e33a090c5" alt=""><figcaption><p>Square input</p></figcaption></figure>
{% endtab %}

{% tab title="Slightly round" %}

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FvR2KySPhMHLeZsmrSyIr%2Fimage.png?alt=media&#x26;token=708c0e8a-8aa5-48ef-ab89-39913c57ba13" alt=""><figcaption><p>Slightly round button</p></figcaption></figure>

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2Fmz6f9KFUgF4yzqOeTE4U%2Fimage.png?alt=media&#x26;token=f2ff3628-0385-47d6-b5d4-5b4d12798e8d" alt=""><figcaption><p>Slightly round input</p></figcaption></figure>
{% endtab %}

{% tab title="Rounded" %}

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FJLEqNz4ahgEXDLlCuwi8%2Fimage.png?alt=media&#x26;token=502b238c-2987-4cda-b63e-9756d62e3fc3" alt=""><figcaption><p>Rounded button</p></figcaption></figure>

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FsOeziR62lDagoRjXI4iy%2Fimage.png?alt=media&#x26;token=995b46b5-e713-4102-9ae1-9bf5ec1e2d86" alt=""><figcaption><p>Rounded input</p></figcaption></figure>
{% endtab %}

{% tab title="Pill" %}

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FUUBfS1tGvoCkLmWN6XDN%2Fimage.png?alt=media&#x26;token=131a7d14-85f6-49da-89f1-cd1fe8df01eb" alt=""><figcaption><p>Pill button</p></figcaption></figure>

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FxemAKacmkalL9RgOmt6s%2Fimage.png?alt=media&#x26;token=4cbeb89c-7731-427c-bfd1-b6552a3a1c20" alt=""><figcaption><p>Pill input</p></figcaption></figure>
{% endtab %}
{% endtabs %}

And **Blocks**, **Product cards,** and **Badges** to:

* Square&#x20;

<div align="left"><figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2F1t8ELESZvs5Y7Ly4ysPC%2Fimage.png?alt=media&#x26;token=347a4a6d-360f-42eb-a736-280fa9dc3c0c" alt=""><figcaption></figcaption></figure></div>

* Rounded

<div align="left"><figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2F6NAnRe1KnFUvFZb2OOUr%2Fimage.png?alt=media&#x26;token=01520552-91d1-4d7a-ba66-51041e25df43" alt=""><figcaption></figcaption></figure></div>

* Pill (excluding **Badges**)

<div align="left"><figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FAFPEsHMsbEY7WE9wOlo3%2Fimage.png?alt=media&#x26;token=3f84ddfd-73fc-4dd8-99be-32e3e810bfd9" alt=""><figcaption></figcaption></figure></div>

for the entire store.

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FYUQc1fKKGQbJ3aiJ2rBq%2Fimage.png?alt=media&#x26;token=83dbe9b8-5bb4-4bca-8f44-b9e9fab04b31" alt=""><figcaption></figcaption></figure>