Explanation of Elementor page templates
The WoodMart theme was initially released in 2017, before the release of the Elementor builder, and was based on the Bootstrap 4.0 layout. One of the core principles of our theme’s layout is the overall wrapper (container) of the site, which is consistent for the header, content, and footer, limiting the width and can be observed using any browser’s web inspector tools. The wrapper (container) width is set to 1222px by default, and it can be further modified for all site pages in the theme settings section.
Since by default, all page content, including content created using Elementor, is within this overall wrapper, it will always be limited to 1222px (or another width selected in the theme settings), regardless of what is chosen in Elementor’s “Content Width” option. In this case, the maximum “Full Width” value will always be the width of the site wrapper (container), not the screen width. To stretch Elementor widgets beyond the site’s general wrapper to the screen’s edges, you need to use our theme’s special “Container stretch” option. Additionally, you can combine these options by stretching sections using “Container stretch” while also fine-tuning the content width with Elementor’s “Container width” option, as shown in this video.
Alternatively, if this content structure principle doesn’t suit you, you can switch to the standard content structure used by the Elementor plugin. To do this, you need to disable the “Elementor sections negative margin” option in the theme settings and activate the “Elementor Full Width” template in the page settings. After that, the 1222px site wrapper (container) that wraps the Elementor content will disappear, and the maximum width of each section will need to be adjusted separately using the “Content Width” option, as is standard in Elementor. It’s important to note that if the “Elementor Full Width” template is enabled, the theme’s “Container stretch” option does not need to be used, as the site wrapper (container) does not exist on this template, and all Elementor widgets are already stretched to full screen by default.
In summary:
If the “Default” page template is used:
- All widgets are limited by the site’s overall wrapper width (1222px).
- Widgets can only be stretched beyond the wrapper (to the screen edges) using the theme’s “Container stretch” option.
- The “Content Width” options (boxed and full width) can only be used if the user wants to set the content width narrower than the site’s overall wrapper (1222px).
If the “Elementor Full Width” page template is used:
- The general wrapper does not exist, and all Elementor widgets are already stretched to full width by default.
- The content width for each section must be adjusted using Elementor’s “Content Width” options (boxed and full width).
- The theme’s “Container stretch” options are not necessary.