Knowledgebase

What Is A Section/Column/Widget? Print

  • 0

  • Elementor uses three main building blocks: Sections, Columns, and Widgets.
  • Sections are the largest building blocks, and inside them are groups of Columns.
  • Columns sit inside of Sections and are used to house the Widgets.
  • Widgets are placed inside of Columns.
  • You control the Section, Column, and Widgets with their handle.

file-GKGhfpvcns.jpg

 

  • You can choose to show or hide the editing handles by clicking the hamburger menu to open Elementor's Style & Settings Configuration menu.
  • Click the Preferences tab and slide the switch to Yes to show Editing Handles when hovering over the element's edit button or No to hide the handles on hover.

file-tVHYQXjE0E.gif

 

Editing

  • To edit the Section, Column, or Widget, Right Click their handle. 

file-kugbN2l438.jpg

 

 


 

Section

  • Click the _fHI0KtB0pL_p37MzyKp3S3XVoITHXPNat0AxCeFIHiRdhL9qibTMsIPGgwuK6EfOgqTAw0Ozvu2fklB8B2r4-OXj8JtTy7_Ek7yDyl5ftpywptE2R0wjJTE_xBFKRBNuV3ODTK5 icon to create a Section, or click the 6ihOjw37Ym-Nn8xWO5OrbnETpg4nf2AWEz-XNNui4TnMUEJoJEsuZJiGAQusYKCch8Xjm-YnKG7nHAL4QCrHXOX9xr7z2R38R14DHu1iU4K_T78dgYqVbHPbR-HG_l_0BwLAGPRO icon to use a pre-designed Page or Block from the Elementor library
  • Set your Column structure 
  • Right-click to Edit, Duplicate, Copy, Delete, etc.

    file-0hIPE1KFHj.gif

    Use the Section handle file-Pig2hySLXe.png to: add a section, drag a section, or delete.

 

 

 


 

Column

  • Set the Columns Width. You can do it under Layout, or drag the dashed line between the Columns.
  • To add more Columns Right Click > Add New Column
  • Insert Widgets to your Columns


file-UlT2vfYR9s.gif

 

 

 


 

Widget

  • Insert Widgets inside your Columns
  • A Widget width is set by the Column width


gCNNwHYGEK-tSqNbhOpIsKF5cr7gVGDl5uGikSQKClOQ615mQzIwCcxXQgkYLqX5S6E1O096PvihzMWEZZY_P7tK6qGAW-M-SYiVNyaatUGRFPq7Dla4tj0drKP8_u4EDt4Cp7ze

 


Was this answer helpful?
« Back