> ## Documentation Index
> Fetch the complete documentation index at: https://help.kajabi.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Customize the block width

> Learn to customize your Block Width and to change the appearance of your Block.

## Overview

Customize your Block Width to change the appearance of your Block and control how much space it occupies within a section.

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/aze3ohqmvl" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

***

## Adjusting the block width

Each Section of your Page is divided into a 12-column grid. Adding content (with Blocks) places your Blocks within the Section's 12-column grid.

When customizing your Block, you can adjust the amount of space your Block takes up in a Section to change the overall appearance of your content in the Section.

Be mindful of the effect a block's width may have on other blocks in the section.

### How to change your block width

* Open the **Website** tab from the Dashboard.
* Select either **Website Pages** or **Landing Pages**.
* Open the page editor for your Page. [Learn more](./how-to-get-to-the-page-editor)
* Navigate to the sidebar panel.
* Select the **Section** containing the Block you wish to edit.
* Then, click into the **Block**.
* At the top of the block, select the **Column Number** to change the Block Width.
* Click **Save** to keep your changes:

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/jfgjmmf3e4" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

<Tip>
  **Tip:** Enable Grid and Guides to take control of the build of your page and ensure better accuracy and symmetry in your designs. [Learn more](./build-your-page-with-design-tools)
</Tip>