Nested elements allow you to place multiple widgets inside other widgets using the flexibility of Flexbox Containers. This means you can embed text, images, buttons, even full layout containers within interactive widgets like Tabs, Accordions, and Menus—giving you greater design freedom and content complexity. 🧩 Where You’ll Use It Nested elements can be used in many core widgets, such as:
🎯 Purpose The Divider widget adds subtle or bold visual breaks between sections, content blocks, or within layouts—helping improve readability and visual structure while enhancing design flow. ⚙️ Key Features & Configuration Type and Style Choose between solid, dashed, dotted, double, or none. Control line weight, color, and opacity for tailored design accents. Width and Alignment Set a custom width
🎯 Purpose The Template widget allows you to embed any saved Elementor template—such as sections, pages, headers, footers, single post or archive templates—into other pages. This promotes design consistency and saves time by reusing components across your site. ➕ How to Use It Add the Widget Insert the Template widget into your layout where you want to reuse a saved
🎯 Purpose A visual element that inserts a straight, vertical line to separate content, enhance structure, or add a refined design accent between sections or columns. ➕ How to Add Drag and drop the Vertical Divider widget into a section or column layout. It creates a standalone vertical line by default, but can be positioned alongside other elements as needed.
🌟 Purpose The Inner Section widget enables you to nest one section within another, effectively adding another layer of layout control. It’s ideal for building more complex page structures and organizing content within an existing section. ➕ How to Add In the Elementor editor, access the Widgets panel. Drag and drop the Inner Section widget into any section or column.
Default Layout Select your own structure by using the plus icon Flexbox Grid Important properties include: Direction of the items Adjust spacing using Justify content in flexbox containers Adjust spacing using Justify items in grid containers Container width: Default is boxed, which means that while the container takes the full width of the viewport, it’s content takes the width as specified
