Home › Forums › WoodMart support forum › Cant get full width like I had in my previus themes
Cant get full width like I had in my previus themes
- This topic has 4 replies, 2 voices, and was last updated 2 hours, 57 minutes ago by
akselfaa.
-
AuthorPosts
-
August 25, 2025 at 4:55 pm #681966
akselfaaParticipantI have problem with making the page full width. I want to get background color/image that goes to each side of the website but the content stays in 1200 px for example. This was no issue with last themes I have used in elementor, but I cant seem to get how I do this in woodmart. Now in woodmart the background color and everything stops at 1200 px.
New website is curli.no. For comparison you can see that I have full width background color on curlin.se
Attachments:
You must be logged in to view attached files.August 26, 2025 at 12:28 pm #682115
Aizaz Imtiaz AwanKeymasterHello,
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
(https://monosnap.com/file/57fEW87J1DCMRENoqezbx93iiQaawe).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
(https://monosnap.com/file/fybksUs0Aj4abtjWE5wPJ7P3TJrRyi).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 (https://monosnap.com/file/ijOPrWEsX2Rpkuonw5H2T9dW4HbBXs).
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 (https://monosnap.com/file/6Ltrz2iHcwcK4oayDMEFmqSQg1V0Af) and activate the “Elementor Full Width” template in the page settings
(https://monosnap.com/file/1iqETL7CFZhU8S1eiTbO6HL8kqAPia).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 (https://monosnap.com/file/KmYzESFRLRCSt6TfpXqr8uTlze4nXS). It’s important to note that if you use the “Elementor Full Width” template, 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 you are using the “Default” page template:
– All widgets are limited by the site’s overall wrapper width (1222px).
– You can stretch them beyond the wrapper (to the screen edges) only using the theme’s “Container stretch” option.
– The “Content Width” options (boxed and full width) can only be used if you need to set the content width narrower than the site’s overall wrapper (1222px).
If you are using the “Elementor Full Width” page template:
– 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.Best Regards,
August 26, 2025 at 5:03 pm #682219
akselfaaParticipantThank you so much! Is it perhaps container stretch that is the preffered option or is the elementor option favourable in some instances?
August 26, 2025 at 5:04 pm #682220
akselfaaParticipantAnd is it a way to put the xtemos container stretch as default? BEcause if I understand correctly we have to change this every time we make a new elementor element?
August 26, 2025 at 5:25 pm #682224
akselfaaParticipantProblem solved. We want this to be on the whole page so it was much easier to disable the whole thing and make it elementor full width.
Also another question. How do I remove the universal top and bottom margin on the website?
Attachments:
You must be logged in to view attached files. -
AuthorPosts
Tagged: full width
- You must be logged in to create new topics. Login / Register