Generic selectors
Exact matches only
Search in title
Search in content
Filter by Categories
Advanced Scripts
Amazon SES
Amazon Web Services
Blocksy Theme
Brand Building
Bricks Builder
Digital Marketing
Email Marketing
Fluent CRM
Fluent Forms
Fluent SMTP
Google Fonts
Hydrogen Pack
Kadence Theme
Meta Box
Online Business
Oxygen Builder
Piotnet Forms
Piotnet Grid
Scripts Organizer
Search Engine Optimization
Social Media Marketing
Swiss Knife
Web Design
Web Development
Web Strategy
Work From Home
WP Social Ninja
Zion Builder

How To Edit WordPress Pages using Elementor

Written by:
Mohammed Wasim Akram
First Published on:
December 7, 2018
Last Updated on:
June 21, 2021
Post Categories:
✼ Disclaimer: SyncWin is user-supported therefore this page may contain our affiliate links and if you purchase something using those links, we may get some commission without any additional cost to you. Click to Learn More.

Please note we want to keep things crystal clear that this page may contain some of our affiliate links. Also, we don't know, use or recommend every product we link to, so please do your due diligence before making your buying decision.

However, there are very few selected products that we trust, use, and recommend to our readers and community, and we always mention that on our website which you could also find on our dedicated Recommendation Page.

Hence, if you make a purchase using any of those links, then it is safe to assume that we might get a small amount of commission without any additional cost to you, which helps and encourages us to produce more helpful content like this for you.

Feel free to explore our Legal Policy Pages.

Elementor is my favorite and one of the best page builders for the wordpress platform, as it has endless possibilities in terms of features and functionalities.

In this article, I am going to teach you how to edit and work on a page that is created using the Elementor page builder.

Start Editing The Elementor Page

There are three ways to start editing any Elementor page, which you can find in the below screenshots.

The best way to start editing an elementor is from the front end of the page.

1. On the top bar of the page, you can see an option called Edit with Elementor, you need to hit that button to start editing the page created by the Elementor.

Edit And Work On WordPress Elementor Pages

2. Also, you can start editing an Elementor page from the wordpress dashboard.

To do that go to the page section then head over your mouse over the page which you want to edit, as soon as you keep your mouse on that, an option named Edit with Elementor will appear.

You can hit the link option to start editing your Elementor page.

How To Edit WordPress Pages using Elementor | SyncWin

3. The last option to start editing the Elementor page is from the page page editing section.

If you have skipped the above two options then you can you can use this option to start editing the page.

To proceed just go to the page editing window from anywhere you want and the there you just need to hit the Edit with Elementor button to start editing an Elementor page.

Edit And Work On WordPress Elementor Pages

Edit The Text Of Elementor Page

To edit any text section of an Elementor Page you just need to click over the text block.

Which can be a heading, subheading or any paragraph.

Edit And Work On WordPress Elementor Pages

As soon as you click over the text that you want to edit on an Elementor page, a text editor will appear on the left side of the page.

Which you can use to edit the text, add a link to the text, include a HTML tag and set up the alignment as you can see in the below screenshot.

Edit And Work On WordPress Elementor Pages

Change The Image Of Elementor Page

To change or replace the image on the Elementor page you need to click over the image that you want to change.

How To Edit WordPress Pages using Elementor | SyncWin

As soon as you click over the image that you want to change an image editor will appear on the left side of the page.

Where you can find many options, such as change the image, change the image size, set up the alignment, add a caption and add a link to that image.

Edit And Work On WordPress Elementor Pages

A Few Things To Keep In Mind

After editing or making any changes on the page don't forget to hit the update button at the below of left editor section.

Whenever you want to edit a text or an image only click on that text or image and don't forget to check that on the left section content tab is selected.

Other than content tab there are more two tabs available, one is style and other is advanced.

It is my suggestion to only use the content tab and not to mess with the style and advanced tabs if you don't have an in-depth knowledge about the Elementor.


Using Elementor page builder is not that complicated as like other page builders because it has the live page editing option.

The best part of this is that you can immediately see the changes you made in a live view.

If you have any confusion or question regarding this article then feel free to share your feedback in the comment section below.

Become an Insider to Syncronize with Web-Success.

email Newsletter
Facebook Group
Subscribe to our newsletter to get insider wisdoms.
Join our community to connect with likeminded folks.
Join FB Group

Related Resource Posts

Leave Your Feedback

Notify of
Inline Feedbacks
View all comments

Blog Categories

Top menu-circlecross-circlechevron-down-circle
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram