The theme design is Bootstrap based and uses a grid max-width in pixels.

That width can be managed from theme options for the entire site (no matter if you use Elementor or Bakery or Gutenberg). This is the theme feature to control the max grid width in pixels.

If you wish to change the width of the grid, you can do it globally from theme options in pixels. It will apply to all elements.

From Elementor settings per page you can change the page content width only (in pixels)

Elementor Full Width per section

The Elementor full width/stretch by row allows you to create a full row effect. This Full  Width section will apply to  WpResidence Elementor Widgets as well.

Elementor Full-Width Template

If you wish to use the Elementor Full Width template from Edit page -> Page attributes, you may see the first section widgets in a wrong position and boxed design. The theme grid system can be changed by default in px, not absolute values.

So you will need to transform the theme options for 100% full width (if you don’t want to use the “Stretch Section” which works as well.

Fist change the theme containter width

Global (for all pages)

 .container{
width:100%;
}

.elementor-section .elementor-container{
display: inherit;
}

For a specific page ex (your page id will be replaced in the code)

.page-id-17721 .container{
width:100%;
}

.page-id-17721 .elementor-section .elementor-container{
display: inherit;
}