Columns / Inner Section

Often you will want to add content that is not the full width of the page – for example a column of text alongside an image. This is easy in the Elementor plugin using the Inner Section element.

nerd tip icon

NERD ALERT:

This tutorial is based on an older version of Elementor. In the updated version, the Inner Section element has been replaced by Containers and Grids. Check out the updated tutorial for these widgets here.

The ‘Inner Section’ element is simply dragged to its intended position just like any other element.

By default it will create two columns.

add columns

To add more columns, hover over an existing column then right click on the setting icon and select ‘Duplicate’ from the pop up menu.

Adding content to a column is exactly the same as adding content to any other part of the page – drag and drop where you want to be

Columns will stack on smaller screen sizes – so responsiveness is built in!