# Layout

<Hint type="success">

Steps

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

</Hint>

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.

![image](https://docs-assets.foxecom.app/sleek-theme/layout-1_Hz1XGTkF.png)

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

* Square
* Slightly round
* Rounded
* Pill

<Tabs>
<Tab title="Square">

![Square button](https://docs-assets.foxecom.app/sleek-theme/image_VXmBX8s1.png)

![Square input](https://docs-assets.foxecom.app/sleek-theme/image_vRBtGZc3.png)

</Tab>

<Tab title="Slightly round">

![Slightly round button](https://docs-assets.foxecom.app/sleek-theme/image_sh158xok.png)

![Slightly round input](https://docs-assets.foxecom.app/sleek-theme/image_ARKV7vv0.png)

</Tab>

<Tab title="Rounded">

![Rounded button](https://docs-assets.foxecom.app/sleek-theme/image_rXoNELwz.png)

![Rounded input](https://docs-assets.foxecom.app/sleek-theme/image_fzTBW5CV.png)

</Tab>

<Tab title="Pill">

![Pill button](https://docs-assets.foxecom.app/sleek-theme/image_Li1uIiIB.png)

![Pill input](https://docs-assets.foxecom.app/sleek-theme/image_hkUZGlnM.png)

</Tab>
</Tabs>

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

* Square&#x20;

<div align="left">![image](https://docs-assets.foxecom.app/sleek-theme/image_i0EDh12R.png)</div>

* Rounded

<div align="left">![image](https://docs-assets.foxecom.app/sleek-theme/image_PTunv8Oj.png)</div>

* Pill (excluding **Badges**)

<div align="left">![image](https://docs-assets.foxecom.app/sleek-theme/image_JxmtO1dK.png)</div>

for the entire store.

![image](https://docs-assets.foxecom.app/sleek-theme/image_ZLiICToi.png)