# Site Layout

The **Site Layout** setting allows you to toggle between **Full Width** and **Boxed** layouts, and this choice will apply consistently across the entire website.

{% hint style="success" %}
Here's a short form of the **Site Layout** settings process

**Step 1 : Login** to your WordPress admin dashboard.

**Step 2 :** Go to **Appearance** > **Customize > Site Layout**.

**Step 3 :** Select **Site Layout > Full Width** and **Boxed** .

**Step 4 :** Adjust the settings according to your preferences.

**Step 5 :** Click **Publish** to save your changes.
{% endhint %}

#### **Site Layout Options** <a href="#site-layout-options" id="site-layout-options"></a>

<figure><img src="https://content.gitbook.com/content/dpNOzQyK5S9izuyBm1D9/blobs/c2sB616T3c2NDr3BPhsa/site-layout.jpg" alt=""><figcaption></figcaption></figure>

**1. Site Layout Options**

* **Boxed Layout** – The website content is wrapped in a container with a background surrounding it.
* **Wide Layout** – The content spans the full width of the browser window without a background wrapper.

<figure><img src="https://content.gitbook.com/content/dpNOzQyK5S9izuyBm1D9/blobs/nXMlWjgGS8Lqi4KogoqB/4.jpg" alt=""><figcaption></figcaption></figure>

**2. Boxed Layout Customization&#x20;*****(Only if Boxed Layout is enabled)***

* **Customize Boxed Layout?**
  * **YES!** to customize the boxed layout settings.
* **Background Settings**
  * **Background Color** – Select a color for the site’s background.
  * **Background Image** – Upload a background image to apply behind the boxed layout.

<figure><img src="https://content.gitbook.com/content/dpNOzQyK5S9izuyBm1D9/blobs/xufB7xwBJllDrfiXizIv/5.jpg" alt=""><figcaption></figcaption></figure>
