{"id":725,"date":"2016-09-20T19:10:18","date_gmt":"2016-09-20T19:10:18","guid":{"rendered":"https:\/\/elementor.com\/blog\/?p=725"},"modified":"2026-01-01T15:41:27","modified_gmt":"2026-01-01T13:41:27","slug":"v09-think-wider","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/v09-think-wider\/","title":{"rendered":"#NewInElementor: Think wider. Get full width with one click"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

After publishing blog posts about\u00a0major Elementor releases, like\u00a0Template Library<\/a> and Mobile Editing<\/a>, today’s update is a smaller one, but includes a\u00a0new feature that was requested\u00a0directly by\u00a0all you lovely Elementor\u00a0fans\u00a0out there.<\/p>

Time and time again, people sent us support tickets regarding getting a page to be full width, meaning span from right to left, with no spacing in the sides.<\/p>

At first, we recommended moving to themes that supported full width, like GeneratePress<\/a>\u00a0and\u00a0 Pojo Themes<\/a>. Then, we recommended using the Elementor Templater<\/a> plugin made by WPDevHQ, which added full width page templates even if the theme doesn’t allow for them. Now, we have a simpler solution – A new control that we have added to the panel itself, which helps create a full width page in WordPress.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"full-width-section\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Introducing Stretch to Full Width<\/h3>

Because we were still getting\u00a0full width requests, we decided to add a Stretch Section control\u00a0that bypasses the theme limitations by using\u00a0JavaScript. This control\u00a0makes the section span to full width, from left to right, with no spacing to the sides of the section.<\/p>

While we\u00a0still recommend using your\u00a0theme setting to get full width, this option lets you get the full width effect without having to make any alterations to the theme or the CSS of the page.<\/p>

To use the ‘Stretch to Full Width’ feature, go to Section > Layout<\/a> > Stretch Section and switch it to ‘Yes.<\/p>

We’ve added another option that lets you control how the stretch behaves, but this is a more advanced feature that requires some CSS knowledge. If this gets you confused,\u00a0just skip to the next paragraph.\u00a0In the Elementor Admin Dashboard, we have added a field that\u00a0lets you assign a selector to which the full width will stretch to. For example, you can enter\u00a0#Wrapper<\/code>, and then the full width will stretch to the wrapper id.<\/p>

To read more about full width check out this\u00a0documentation article<\/a>.<\/strong><\/p>

Another useful feature we have added is the ability to set a different width for the content area in your section, that will be implemented for every section you create.<\/p>

Let’s say that the content in your site is 900 pixel wide, instead of manually setting the content width of every new section to match the existing design, you can now customize Elementor’s default content area width for all your sections, in one global setting. Go to Elementor settings page, under ‘Style Settings’ > ‘Content Width’ you can set the default width of the content area. This feature is the easiest way to create a full width page in WordPress.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"community\"\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Elementors Facebook Group\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

There is a brand new Facebook group, Elementors<\/a>, started by Mike Costantini, which comprises of avid Elementor users who love using our page builder. We have already seen some great questions posted there, and it appears as if a\u00a0strong\u00a0Elementor community is starting to grow there. We invite you to join the group, ask questions, and even help others with their own questions.<\/p>

We hope to see you joining the conversation.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

Elementor Available in 13 Languages, Help Us Translate it to More\n\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Elementor is growing fast, and we are constantly adding new features and capabilities. These additions also add new controls and features that need to be translated into the various languages Elementor has already been translated to. Luckily,\u00a0Elementor has gotten a lot of help and support from\u00a0translators, coming from all over the world, that have translated\u00a0it to over 13 different languages.<\/p>

Because we have added so many cool new features, we now need more help from translators to update the translations for languages that\u00a0now fell to being only 80% translated. If you want to be a part of Elementor’s success,\u00a0log in and contribute to the translation in your language. All translation is done online, so anyone with the proper language skills can contribute.<\/p>

The languages we need help the most with are:<\/p>