Choosing the best theme to use with Elementor

What the theme still does

With Elementor building your pages, the theme's role shrinks but does not disappear. It still provides:

• the basic page structure and the code that loads on every page;
• the header and footer, unless you build those with Elementor Pro's Theme Builder;
• templates for anything you do not build in Elementor, such as blog posts, archives, search results and the 404 page;
• default typography and styling for content edited in the standard WordPress editor;
• compatibility with plugins such as WooCommerce.

So the ideal theme for Elementor is one that does those jobs cleanly, loads very little extra code and does not fight Elementor's own styling.

What to look for

1. Lightweight. Minimal CSS and JavaScript, so Elementor pages are not carrying an unused design underneath.
2. Explicit Elementor compatibility. Look for full-width and blank canvas page layouts, and support for Elementor's Theme Builder locations if you use Pro.
3. Header and footer options. If you are on Elementor's free version, you need a theme that lets you build or customise a decent header and footer itself.
4. Active maintenance. Check when the theme was last updated and whether it keeps pace with WordPress releases.
5. Child theme support. So any custom code survives theme updates.
6. No competing builder. A theme with its own page builder or heavy built-in layout system doubles the code and confuses editors.

Hello Elementor

Hello Elementor is the theme made by the Elementor team. It is deliberately minimal: very little styling, almost no options, and designed on the assumption that Elementor will handle the design.

Works well when: you use Elementor Pro and build the header, footer and templates with the Theme Builder. In that setup the theme mostly stays out of the way, which is exactly what you want.

Less ideal when: you only use the free version of Elementor. Hello Elementor's own header and footer are basic, and blog posts and archives look plain unless you style them yourself. It has gained some header and footer settings over time, but other themes offer more without Pro.

Other lightweight themes that pair well with Elementor

Several popular themes are built to be fast and work well with page builders. Each has a free version and a paid add-on or premium version; check their own sites for current pricing and what each tier includes.

Astra

A lightweight, flexible theme with a large set of customiser options for headers, footers, layouts and blog styling, and a big library of starter sites, many built with Elementor. A sensible choice if you use free Elementor and want a well-designed header and footer without Pro.

GeneratePress

Known for clean code and a strong focus on performance. Its free version is deliberately simple; the premium add-on unlocks more layout and design controls. Often chosen by people who care about speed and like a tidy, minimal base.

Kadence

Offers a capable header and footer builder in its free version, good typography and colour controls, and works with both Elementor and the block editor. A good fit if parts of your site use blocks and parts use Elementor.

Blocksy

A modern, lightweight theme with a flexible header builder and good compatibility with page builders and WooCommerce. Like Kadence, it suits mixed setups.

These are not the only options, and the "best" one depends on your setup more than on any ranking. Try two of them on a staging copy with your own content.

Themes to be careful with

Large multipurpose themes sold on marketplaces often bundle their own page builder, sliders, dozens of demo layouts and many required plugins. Combined with Elementor, they can make sites slow and harder to maintain, and updates can be risky when several bundled plugins depend on each other. If your current site uses one, it can still work, but switching to a lighter theme is often a worthwhile clean-up.

Be wary too of themes that have not been updated for a long time, or that need a specific old version of a plugin to work.

Use a child theme for custom code

Whichever theme you pick, if you or a developer add custom CSS or PHP, put it in a child theme rather than editing the theme directly. Theme updates replace the theme's files, so direct edits are lost the next time it updates. Small amounts of CSS can also go in the customiser's Additional CSS box or in Elementor's site settings, which survive updates. Keeping customisations in one known place also makes it easier to switch themes later, because you can see exactly what needs carrying across.

Quick decision guide

Your setup	Sensible starting point
Elementor Pro, building header, footer and templates in Elementor	Hello Elementor
Free Elementor, want a polished header and footer	Astra, Kadence or Blocksy
Speed is the top priority, minimal design layer	GeneratePress or Hello Elementor
Mix of Elementor pages and block editor posts	Kadence or Blocksy
WooCommerce shop with Elementor	A theme with clear WooCommerce support, such as Astra, Kadence or Blocksy

If you are still deciding whether you need Elementor Pro, read Elementor Free vs Pro first, since it changes which theme makes most sense.

Switching theme safely

Changing the theme on a live site can alter headers, footers, menus, widgets and the look of non-Elementor pages. Do it carefully:

1. Take a full backup.
2. Make a staging copy of the site; see our guide to WordPress staging sites.
3. Install and activate the new theme on staging.
4. Rebuild the header and footer, either in the theme's customiser or with Elementor's Theme Builder.
5. Check menus, widgets, blog posts, archives, forms and the 404 page.
6. Check the site on a phone.
7. Only then repeat the change on the live site, or push the staging copy live.

Every WP Web Hosting plan comes with Elementor (free) pre-installed, so you can try a lightweight theme alongside it straight away; our Elementor hosting page explains the setup.

Frequently asked