Elementor sites that don’t look like Elementor sites

DesignSep 18, 20265 min read

Elementor gets blamed for a lot of ugly, slow websites. The tool isn’t the problem, the defaults are.

Start with a design system, not a template

Define your fonts, colours and spacing once in Site Settings. Every section then inherits them, and the site looks consistent instead of stitched together.

Use containers, not nested sections

Flexbox containers produce far less HTML than the old section → column → widget structure.

Say no to add-on packs

Every add-on pack loads its own CSS and JS. Most of what they offer can be done with core widgets and a few lines of custom CSS.

Design for mobile first

Most of your visitors are on a phone. Design there first, then scale up.

Habib ur Rehman
Habib ur Rehman

WordPress developer & mentor. 2K+ websites delivered for 1.5K+ clients worldwide. Writing about building fast websites and a freelance career that lasts.

All Articles

Dil Ki Baat Letter

Join my Dil Ki Baat letter for raw insights, practical dev tips, and stories from the freelancer life.

Read by freelancers, clients, and tech lovers