This help explains how to make a page created with Elementor display full width in WPResidence.

What Full Width Means

For an Elementor page to display full width, you must check three different settings:

• The WordPress page template
• The Elementor page layout
• The Elementor container or section width

If one of these settings is still boxed, the page may not use the full browser width.

Set the WordPress Page Template

1. Log in to your WordPress dashboard.
2. Go to Pages → Add New to create a new page, or Pages → All Pages to edit an existing page.
3. In the page settings, find Template.
4. Select Elementor Full Width.
5. Publish or update the page.

Set the Elementor Page Layout

1. Click Edit with Elementor.
2. Click the Settings icon from the bottom left corner of the Elementor panel.
3. Find Page Layout.
4. Select Elementor Full Width.
5. Click Update.

Set the Elementor Container Width

The page can use the full-width template, but each Elementor container can still be boxed. Check the container settings too.

1. Edit the page with Elementor.
2. Select the container or section you want to make wider.
3. Open the Layout tab.
4. Set Content Width to Full Width if the section must use the full browser width.
5. If you prefer a boxed layout, select Boxed and set the boxed content width manually.

Remove Extra Margin and Padding

If the page still has space on the left, right, top, or bottom, check the container spacing.

1. Select the Elementor container or section.
2. Open the Advanced tab.
3. Check Margin.
4. Check Padding.
5. Set the values to 0 where you do not want spacing.
6. Click Update.

Import WPResidence Studio Templates Full Width

If you import a page or section from WPResidence Studio, set the page to full width first.

1. Create or edit the page.
2. Select the Elementor Full Width page template.
3. Click Edit with Elementor.
4. Click the folder icon in Elementor.
5. Open the WPResidence Studio Templates library.
6. Select the page or section template you want to import.
7. Click Insert.
8. Update the page.

Change the Boxed Width for Non-Elementor Pages

For pages that are not created with Elementor, the global theme content width is managed from:

Theme Options → Design → General Design Settings

These settings control the general site container, content width, and content padding used by the theme layout.

Related Help

• How to use WPResidence Studio Templates to import pre-built Elementor demo pages or sections
• Theme Options → Design → General Design Settings