Sections & Columns Part 1: Build Your Page Layout

This guide explains how to do one of the most basic operations with Elementor: Building your page layout on WordPress.

In this guide, we explain about how to use sections and columns in order to build and control the page layout, and create any page structure you want, all with the visual interface and without using a single line of code.

To create page designs with Elementor, we use 3 types of elements: Sections, Columns and Widgets. Combining these elements lets you design and compose very complex web pages. You can control and edit the appearance of each of them.

Let’s get to know our elements.

Section

A section is the most basic element that you can work with. It's the building block of every page. A section can be set as full width and spread all over the screen, or receive the content area width (by default).

After you create a section you can drag and drop a widget inside. You can also divide each section to few columns. Every page you create can contain as many sections as you want. You can drag a section above or under another one to relocate it.

Column

Every section includes one or more columns. You are able to insert your content inside each column .
You can easily arrange and order the columns, simply by dragging and dropping them.

Widgets

Go to the widgets category