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

# 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="/files/KcvMTRit4ZhueoFMHGfa" 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="/files/DPKzpOian2ilmSksmjya" 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="/files/gRNSekix7tUKGHyYM9On" alt=""><figcaption></figcaption></figure>