Tutorials
How typography transfers from HTML into Elementor
Font family, size, weight, line-height and letter-spacing all come across — but web fonts and global typography need a decision from you.
A pre-flight checklist for HTML you are about to convert
Ten minutes spent on the source markup saves an hour of cleanup in the Elementor editor.
Responsive HTML to Elementor: what transfers and what you redo
Breakpoints, fluid type and viewport units behave differently in Elementor. Here is what survives conversion.
Image Box in depth: full-bleed images, object-fit and rounded corners
How image cards convert, why a dropped-in image fills the card, and the one thing Image Box cannot do.
Icon Box, Icon List or plain Icon: how card patterns are detected
The converter recognises three common icon patterns and maps each to the right native widget. Here are the exact rules.
Container or Grid? How your CSS layout maps into Elementor
Flexbox becomes a Container, CSS Grid becomes a Grid — and equal fr columns are preserved. Here is the exact mapping.
Why your HTML turns into deeply nested Elementor containers
Every wrapper div becomes a Container. Here is how nesting happens, why it matters, and how to get a flat, editable tree.
HTML to Elementor JSON: export and import templates
Turn HTML into an Elementor JSON template file you can import on any site, version, or share with your team.
How to import an existing HTML website into Elementor
Moving a static HTML site into WordPress and Elementor, page by page, without rebuilding every section by hand.
Edit an Elementor page using existing HTML, CSS and JS
You already have the HTML, CSS and JavaScript. Here is how to bring each part into Elementor and edit it like any other page.