Elementor now allows you to embed an Off‑Canvas container directly inside a Loop Grid item. This means each card or item in a grid can open its own individual slide-in panel—offering more information or functionality without leaving the current page. ✅ Why This Is Important Enhanced User Experience: Visitors can explore more details or media through a smooth slide-in panel
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:
A query in Elementor is a way to request specific content from your website’s database. It allows you to display posts, pages, products, or custom content dynamically—filtered by parameters like category, author, date, or tags. These queries are essential for powering dynamic content widgets like Loop Grid, Posts, Products, or Archive pages. 🛠️ When You’ll Use Queries Queries are especially
🧱 A. Layout & Structure Section & Column Control Section Column Inner Section Container (Flexbox) Spacing & Dividers Spacer Divider Vertical Divider (Pro) Margin & Padding (Advanced Tab) Layout Behavior & Controls Z-Index (Advanced Tab) Custom Attributes (Pro) Advanced Positioning (Absolute, Fixed) Responsive Visibility Scroll Snap (Global Setting) 🧩 B. Core Content Elements Text & Typography Heading Text Editor
1. Purpose The Icon widget lets you insert and style icons in your layouts using Font Awesome or uploaded SVGs. It’s ideal for enhancing buttons, feature boxes, services sections, or navigation cues. 2. Display Modes Default: Displays the icon by itself with no additional container. Stacked: Places the icon over a solid background shape (circle or square). Framed: Wraps the
🎯 Purpose Use the Counter widget to display numeric statistics, milestone figures, or key data points in an engaging animated form—ideal for showcasing achievements, business stats, or campaign metrics. 🛠️ Content & Setup Number & Prefix/Suffix Define the numeric goal (e.g., “5000”) along with optional text before (e.g., “$”) or after (e.g., “+”) the number. Duration (Animation Time) Set how
🎯 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 Use this widget to add animated and customizable progress indicators to showcase completion levels, skills, statistics, or steps visually on your page. 🛠️ Content Settings Title & TagAdd a label above the bar; choose an HTML tag like H1–H6 (or div/span/p) for semantic structure and SEO. Percentage ValueSet the numeric value (0–100) to indicate progress. Show PercentageToggle the
🎯 Purpose The Menu Anchor widget allows you to create smooth scrolling navigation within the same page. It’s especially useful for one-page websites, landing pages, long content layouts, and FAQs—where users need to jump directly to specific sections. ⚙️ How It Works Add the WidgetDrag and drop the Menu Anchor widget to the beginning of any section you want to
