Elementor Containers

Working with Elementor Containers, the right way.

I’ve seen that many people are afraid to use containers and still think about it because “it’s an experiment”.

I have used it from the very first moment, and after one or two Elementor updates I can say that it is totally safe to use it but, in the right way.

What is Elementor Container?

With the container element you can now harness the power of flexbox CSS.

The primary goal behind flex is to provide the ability to alter each items’ width, height, and order, to best fill the available space of the container.

This feature will replace the current section, column, and inner section functionality of the Elementor editor. Elementor Flexbox Container widget is a way to apply the same order, positioning, and size settings on a group of items that are confined within the same container. These items can either be other containers placed inside the parent container, or widgets.

Flexbox Containers are a flexible way to organize items in a column or a row. It’s efficient, dynamic, and responsive. It replaces the outdated and rigid section-column layouts.

As containers are a new lean layout structure feature in Elementor, they allow you to achieve pixel-perfect responsive designs and highly advanced layouts, quickly and with a much slimmer markup, which reduces the DOM output and improves performance significantly.

Additionally, you can improve the user experience by making the entire Container clickable by adding a link to it. With the container element you can now harness the power of flexbox CSS. The primary goal behind flex is to provide the ability to alter each items’ width, height, and order, to best fill the available space of the container. This feature will replace the current section, column, and inner section functionality of the Elementor editor.

Introducing:
Elementor ai4k Kits

Containers rule

Containers are changing or disrupting everything in a good way I think. 

  • All tutorials or video tutorials on Youtube for example that show the use of Elementor using Columns and Sections will be outdated and lose traffic.
  • Websites designed with Elementor, soon or later should be updated to Containers.
  • The sub-market of third-party add-ons or plugins created to work exclusively with Elementor will lose ground.

Elementor Containers are so powerful and simple to use that definitely this will be another hit to the third-party plugins, following the pending task of the performance toll they put on Elementor or on the website.

When Containers will be out of Alpha or the imminent Beta status?

I guess they are waiting for some compatibility issues with other software, but not for functionality itself. 

How to work with Containers

I did a video explaining how to work with Containers. Resuming these are the step-by-step instructions on how to work with Elementor Containers:

  1. Set the “experiment” active.
  2. Be sure that you have defined the site width in the layout configuration.
  3. In a new empty post drop a container.
  4. Define Boxed and 100% width.
  5. In advanced, define some padding left and right at least, to avoid the site edges.
  6. In that container drop another container, nested.
  7. Define Full Width and 100% in this nested container.
  8. Drop in the internal container the element you want to use.
ai4k Website Plans

Need a website that converts?

I have a Special Gift for you:

Contact me now and get 1 page totally FREE!