To edit an Elementor site without breaking it, change content inside the sections that already exist on a page, leave Site Settings, template display conditions and layout alone, preview on a real phone before you publish, and use the History panel’s Revisions tab when you need to go back. Most of the “I’ve broken the website” calls we get turn out to be one of three things: a change made in the wrong place, a page that was saved but never published, or a global setting that someone adjusted thinking it only applied to one page. None of them are disasters, and all of them are avoidable once you know where the edges are.
This guide is for business owners and staff who have an Elementor site and want to update it themselves. It covers what you can change freely, what to leave alone, and how to get back to a working page when something goes sideways.
Know which layer you are editing
An Elementor site has layers, and the same-looking change can have very different reach depending on which layer you’re in.
The page. When you open a page with “Edit with Elementor”, changes to text, images and buttons on that page only affect that page. This is where nearly all of your edits should happen.
Templates. Your header, footer, blog post layout and any popups are templates, built in the Theme Builder. Change the phone number in the header and it changes on every page. That’s useful, but it means a typo goes sitewide too.
Site Settings. Global colours, global fonts, button styles and default layout widths live here. A change in Site Settings ripples through every page that uses those settings, which on a well-built site is all of them. We explain how these work in our guide to Elementor global colours and fonts.
Before you change anything, glance at the top of the editor and the panel on the left. If it says you’re editing a header, a footer, a “Single” template or Site Settings, stop and think about the reach of what you’re about to do.
Edits that are safe to make yourself
These are the everyday changes we expect clients to make, and the ones we show people in handover training:
- Updating text in existing headings, paragraphs and buttons
- Swapping an image for another of a similar shape and size
- Changing a button’s link to a different page
- Adding or removing an item in an existing list, FAQ or price table
- Duplicating a section you like and changing its content
- Writing and publishing blog posts
- Updating opening hours, prices or staff names
The common thread: you’re changing content inside a structure that already exists. You aren’t changing the structure or its styling.
A tip on images: replace like with like. If the original was a landscape photo, swap in a landscape photo of roughly the same proportions. Dropping a tall portrait shot into a slot designed for a wide image is the single most common reason a page suddenly “looks wrong” on mobile.
Things to leave alone (or ask first)
Site Settings. Don’t change global colours or fonts to fix one heading. If one heading looks wrong, the fix belongs on that heading or, more likely, the heading is fine and something else is off.
Theme Builder templates. Editing the header, footer or post templates is fine for text changes such as a new phone number. Don’t adjust their Display Conditions, which control where each template appears. Get those wrong and your header can vanish from half the site. Elementor’s notes on display conditions show how many options there are.
Page Layout settings. In a page’s settings there’s a Page Layout option. If someone switches it to “Elementor Canvas”, the header and footer disappear from that page. That’s intended for special landing pages, not for normal pages.
The Advanced tab on layout containers. Margins, padding, z-index, custom CSS and “Hide on” device toggles live here. Small changes can have odd knock-on effects on mobile.
Plugins, themes and Elementor updates. Unless you’re on a care plan with us, check with whoever looks after the site before updating. An Elementor update on a live site with no backup is a gamble.
Anything you’d describe as “just a tiny tweak to the layout”. Moving columns, changing widths and dragging sections around is where things break, especially on phones. If the layout needs to change, that’s often a sign the page needs a rethink rather than a nudge.
Preview before you publish
The editor shows a close approximation of the live page, not the live page itself. Before you hit Publish on anything more than a typo fix:
- Click the Preview (eye) icon in the top bar to open the page in a new tab.
- Check it on your phone as well. The responsive mode button in the editor lets you see tablet and mobile views, but a real phone is better.
- Read every word you changed. Out loud, if it’s an important page.
If you’re halfway through bigger changes and need to stop, use Save Draft from the dropdown next to the Publish button. A draft saves your work without changing what visitors see.
One trap: on a page that’s already live, “Save Draft” creates a draft revision. Visitors keep seeing the old version until you publish. People sometimes save a draft, close the editor, and wonder a week later why their changes never appeared.
How to undo a mistake
Elementor gives you three levels of undo, from fastest to most powerful. Elementor’s own help article on revision history, undo and redo covers the same ground with screenshots.
Level 1: Ctrl+Z
Press Ctrl+Z (Windows) or Cmd+Z (Mac) to undo your last action. Ctrl+Shift+Z or Cmd+Shift+Z redoes it. This works for most things you do in the editor, as long as you haven’t left the page.
Level 2: the History panel, Actions tab
Click the History icon (a clock) in the editor’s top bar. The Actions tab lists everything you’ve done in this editing session. Click any earlier action and the page jumps back to how it looked at that moment.
The catch: the Actions list only covers the current session. Close the editor and it’s gone.
Level 3: the History panel, Revisions tab
The Revisions tab lists saved versions of the page. Every time you save or publish, Elementor creates a revision. This is how you get back yesterday’s version, or last month’s.
To restore one, open the Revisions tab, click a revision to preview it, then apply it. Be aware that applying a revision replaces the page as it is now. Anything you added after that revision disappears from the page. If some of your newer work is worth keeping, copy that text somewhere safe before you apply the older version.
When undo isn’t enough
If you’ve deleted a whole page, changed a template’s display conditions or made changes in Site Settings, the page-level History panel may not help. Deleted pages go to the WordPress Trash (Pages, then Trash) for 30 days by default, so look there first. For anything else, this is where a proper backup earns its keep.
A routine that prevents most problems
This is the routine we teach in handover training. It takes an extra two minutes per edit.
- Know what you’re changing and where. Page, template or Site Settings?
- Check the Revisions tab before you start so you know which version to go back to.
- Make your change, then preview it on desktop and on your phone.
- Publish once you’re happy, not halfway through.
- Check the live page in a private browser window. If your site uses caching, the live page can take a few minutes to update, or need the cache cleared.
- Write down what you changed if more than one person edits the site. A shared note saying “Tues: updated pricing on Services page” saves a lot of guesswork.
When to call your developer instead
Some jobs are quicker and safer handed over. Call us for WordPress and Elementor help (or whoever looks after your site) if you need to add a new page type, change the header or footer layout, add a form, rearrange the homepage, or update plugins on a site without a recent backup.
And if you find you’re fighting the layout every time you edit, that’s information too. A site that only one person can update without breaking is a site that’s been built in a fragile way. Our article on whether your site needs a redesign or a refresh is worth a read if that sounds familiar.
Every site we build through our web design service comes with training, a written guide and 30 days of support, because the site is only useful if you can keep it current. Stuck editing a site someone else built? Describe what keeps breaking when you get in touch, and we can usually tell from one look whether it’s a quick fix or a structural problem.