# Layout

### Access the global layout settings

**To access the global layout settings**:

**Step 1** - In the Elementor Editor, from the top bar, click the Site Settings icon.

<figure><img src="https://content.gitbook.com/content/3T4pdZgQSho4s9kQgCDY/blobs/ZgVb3CcBqfqN9Rq95ZYw/color_setting.png" alt=""><figcaption></figcaption></figure>

**Step 2** - In the panel, click **Layout**. You can now edit the following default settings:

<figure><img src="https://content.gitbook.com/content/3T4pdZgQSho4s9kQgCDY/blobs/1lfd7jTYDaXl6ThGy6oD/Screen%20Shot%202025-08-27%20at%201.35.13%20PM.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/3T4pdZgQSho4s9kQgCDY/blobs/9DZ6pRPFTg0rVHLA7Phm/Screen%20Shot%202025-08-27%20at%201.36.02%20PM.png" alt=""><figcaption></figcaption></figure>

* **Content width**: Sets the default width of ‘Boxed’ containers/sections. The setting generally used is 1140 pixels – designed for desktop computer screens.
* **Container padding**: When you add items to a container, the Editor keeps a certain width between the container border and the items inside it. Use the Container Padding setting to adjust this default width. Click the link icon ![](https://lh7-us.googleusercontent.com/J9Qot-OzAegytkCRaQ5Tu5TY1-TZqBVkBX26uzPU8dPONWNMygtjWGw8KHnaJlE_gsXth3P4W8yGmeCBneZ_ZXM5KQ4JFObWVOxD_roUMPbyFTrHJK4r7pNhvVyXzNN_gHvt3YnHKPC0J3prQR2EGw) set different widths for the top, bottom, right and/or left of the container. For details, see [Create space with padding and margins](https://elementor.com/help/create-space-with-padding-and-margin/).&#x20;
* **Gaps**: When you add items to a container, the Editor automatically adds space between them. Use the Gaps setting to determine the default amount of this space. Click the link icon ![](https://lh7-us.googleusercontent.com/J9Qot-OzAegytkCRaQ5Tu5TY1-TZqBVkBX26uzPU8dPONWNMygtjWGw8KHnaJlE_gsXth3P4W8yGmeCBneZ_ZXM5KQ4JFObWVOxD_roUMPbyFTrHJK4r7pNhvVyXzNN_gHvt3YnHKPC0J3prQR2EGw) to set different amounts for the space above and below the item (column) and the space to the right and left of the item (row).&#x20;
* **Page title selector**: If you want to hide the page title while editing the page title selector must appear here. By default, the selector is called **h1.entry-title** but if your theme uses a different selector, enter it here.&#x20;
* **Stretched Section Fit To:** Themes have a tag that limits the width of web pages. The tag most commonly used is **body**. If your theme uses a different tag to limit page width, enter it here.
* **Default Page Layout**: In general, pages are laid out according to the theme settings. However, you can use this setting to make **Elementor Canvas** or **Elementor Full Width** the default setting. For details, see [How can I get a full screen canvas in the Editor?](https://elementor.com/help/canvas-vs-full-width/)

Then click "**Save Changes**" for settings. The Editor will use these new default settings when you create pages.