Return to previous page

Creating a full width container on a page that uses Flexbox containers instead of sections.

This topic has 6 replies, 4 voices, and was last updated 8 months, 4 weeks ago ago by Rose Tyler

Clau8826

Participant

March 7, 2024 at 07:46

Hi,

I wanted to ask something about how I can create a full width container on a page while other containers maintain the normal width.

I looked at your demo here https://xstore.8theme.com/elementor/demos/minimal-fashion02/

The homepage contains such an element and I wanted to do something similar on another page. And after playing with the imported content I saw the theme uses the “old” type of rows called “sections”

However when I create a new page and edit it with elementor my new rows are now called “container” because it uses the new Flexbox container method elementor has.

Which is ok, but these flexbox container DO NOT have the tick box in the layout option to stretch them full width like the sections you have on the demo homepage.
And If i set them as full width from the layout option they are still constrained in the website content width.

So, In order to actually make the container full width i noticed i had to choose as the page template “elementor full width” and then choose the containers i want boxed as boxed.

So I guess my question is, is this correct way of doing it or am I missing something?
And if this is correct and this is the correct way of creating full width rows now, does choosing the “elementor full width” page template have any influence at all? All I noticed is that this template is missing an extra 5px padding left and right to containers and some bottom margin, but other than that they appear to be similar templates

Thank you

#385921 Copied Theme version: 9

5 Answers

Tony Rodriguez

Support staff

March 7, 2024 at 09:29

Hello, @Clau8826,

Thank you for contacting us and for using XStore.

Yes, you’ve correctly identified one of the ways to create full-width containers in Elementor. By choosing the “Elementor Full Width” page template and then setting specific containers as “boxed or full width,” you can achieve the layout you want.

If you notice that the “Elementor Full Width” template has some differences in padding and margin compared to the regular template, you can manually adjust those settings in Elementor to match your design preferences. In Elementor, you can set custom margins and padding for each section, column, or widget.

If you need full-width containers within Elementor, you can use the “Elementor Full Width” page template and then customize individual containers as needed. Adjusting the padding and margin settings within Elementor allows you to fine-tune the layout to your specifications.

You can enable stretch for sections – https://elementor.com/help/how-to-create-a-full-width-page/

https://elementor.com/help/container-layout-tab-settings/

We hope this helps.

Best regards,
The 8Theme Team

#385934 Copied

SK

Participant

May 28, 2024 at 08:17

HI there,
I am having the same problem as clau8826 above and my question to you is more global: as ELEMENTOR changes the way of constructing their websites a long ago, why you do not update your demos: at the end when we buy a theme it is in the purpose to do less work than if we have to reconstruct everything from scratch, such with there HELLO theme, or if we have to readjust each page of your demos. THIS IS really important mainly when Elementor changes the Sections columns design to Containers in order to speed up the sites.
So are you planning to do so?

#396898 Copied

Rose Tyler

Support staff

May 28, 2024 at 12:22

Hello, SK,

We are pleased to inform you that our new demonstrations will incorporate the use of containers.

Elementor has thoughtfully introduced a feature that allows for the conversion of sections to the new flexbox container with just one click. You can easily access this option by navigating to the section settings in the Elementor Panel. Here is a direct link to the Convert button: https://prnt.sc/7gxSk7YuThms . Upon clicking this button, a copy of the container containing widgets will be automatically created underneath the section.
Furthermore, similar settings are available in the Page Settings, which facilitate the conversion of all sections on the page to Elementor Flexbox Containers.

We hope this update enhances your experience and streamlines your workflow. Should you have any questions or require further assistance, please do not hesitate to contact us.

Kind Regards,
8theme team

#396949 Copied

SK

Participant

May 28, 2024 at 12:43

Yes elementor have provided this useful button but as the person who started the discussion, we have to do some adjustments if we want the initial look & feel of the design. and this is what i’m talking about, you should review all your previous demos too.

#396953 Copied

Rose Tyler

Support staff

May 28, 2024 at 13:09

Hello, SK,

We have taken note of your request. However, due to our current priorities and the volume of ongoing projects, addressing your specific needs may require several months. The existing demonstrations continue to function effectively without causing any critical issues.

We appreciate your understanding.

Kind Regards,
8theme team

Please contact administrator
for this information.

#396960 Copied
Tagged: customizable wordpress themes, flexbox containers, full width container, page design, responsive design, website layout, woocommerce wordpress themes
Viewing 6 results - 1 through 6 (of 6 total)