Sections & Columns Mastery
Sections, Columns & Widgets
Preview
Think in structure
Every Elementor page is a stack of sections. Each section contains columns, and each column holds widgets.
Section settings
Edit Section → Layout\n- Content Width: Full Width or Boxed\n- Columns Gap, Padding\nEdit Section → Style\n- Background, Border, Border Radius\n- Advanced: margins, padding, CSS classesNested sections (Pro)
Pro lets you put sections inside sections, giving you flexible card layouts. Free users achieve similar layouts with columns.
Reusing structure
Right-click a section → Save as Template, and reuse your header, hero or features sections on every page.
Practical exercise
Rebuild your hero as a full-width section with a background image and a dark overlay, then save it as a template called "Hero".
This is a free preview lesson
Enroll in the Elementor Page Builder to unlock every lesson, lesson PDF guides, quizzes and your certificate - and start creating your own pieces today.