# Creating Page Layouts

There are two common ways of changing the broader layout of a page:

## Creating Area Layouts

Editable areas on a page can be split up in further columns of editable areas. To add a layout:

1. Select the **Edit Page (Pencil)** button on the top toolbar. 

   <figure><img src="https://3008312215-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MMZwhBx-hqlp5NNqCxT%2Fuploads%2Fgit-blob-8913cadf5f4037d04773d8d8f06679c63fd1f88e%2Faddlayout.png?alt=media" alt="" width="284"><figcaption></figcaption></figure>
2. Hover over the an editable area on the page - a small label will appear beneath it with the name of the area.
3. Click the area label and select *Add Layout*.
4. The layout controls will appear. Adjust the number of columns needed and resize them by dragging the square handles to the sides of each column.

   <figure><img src="https://3008312215-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MMZwhBx-hqlp5NNqCxT%2Fuploads%2Fgit-blob-26d91d5341df9be9011ac99fe851e4468c80f758%2Flayoutgrid.png?alt=media" alt=""><figcaption></figcaption></figure>
5. Press the blue **Add Layout** button to finalise the layout.
6. Blocks can now be placed into the new layout areas.

**Note:** on some installs new layouts won't immediately appear. In this case simply refresh the page to see the new layouts - changes you have made will not be lost.

## To adjust an existing layout

While in edit mode, a layout can be adjusted by clicking on an area label and selecting **Edit Container Layout**. This will allow you to resize the existing columns. Layouts can also be removed by clicking the trash icon.

### Move your blocks before deleting layouts

When a layout is deleted from a page the blocks within it are also deleted. If you wish to keep the blocks within a layout, move them out of the layout to another area first.