Skip to main content

How to Edit Pages with Elementor: A Beginner’s Guide

Learn how to edit WordPress pages with Elementor. Update text and images, hide or duplicate sections, and add new content to build a professional website without coding

Updated over a week ago

Elementor is a powerful page builder for WordPress that lets you create and customize pages visually—no coding required. Whether you’re updating text, swapping images, hiding sections, duplicating content, or adding new sections, Elementor makes it simple. This guide walks you through each step so you can confidently edit your website.


Why Use Elementor?

Elementor offers a user-friendly interface and a wide range of design options, making it ideal for both beginners and experienced users. With Elementor, you can:

  • Edit text and images directly on your page.

  • Hide sections temporarily without deleting them.

  • Duplicate sections to reuse layouts and quickly modify content.

  • Add new sections to expand your page with fresh content.


1. How to Change Text in Elementor

Updating text is one of the most common tasks when editing a page.

Steps to Change Text

  1. Open your page and click Edit with Elementor.

  2. Locate the text you want to edit. Text can be in Heading, Text Editor, or other widgets.

  3. Click directly on the text to select it. A toolbar will appear where you can type new content or edit existing text.

  4. Use the sidebar settings to adjust font size, color, alignment, and other styling options.

  5. Click Update to save your changes.


2. How to Change Images in Elementor

Swapping images is straightforward with Elementor.

Steps to Change Images

  1. Click on the image you want to replace.

  2. In the sidebar, click Choose Image.

  3. Upload a new image from your computer or select one from the Media Library.

  4. Click Update to save your changes.


3. How to Duplicate a Section and Modify Its Content

Duplicating sections saves time when you want to reuse a layout.

Steps to Duplicate a Section

  1. Hover over the section you want to duplicate.

  2. Click the right-click menu (or the six-dot handle) and select Duplicate.

  3. Edit the duplicated section by updating text, images, or other elements.

  4. Use the sidebar to adjust styles, layouts, or add new widgets.

  5. Click Update to save changes.


4. How to Add a New Section and Add Content

Adding new sections lets you expand your page with fresh content.

Steps to Add a New Section

  1. Open your page in Elementor.

  2. Click the + icon to add a new section.

  3. Choose a structure (columns) for the section.

  4. Add widgets to the section, such as Heading, Text Editor, Image, Button, or Video.

  5. Customize the section in the sidebar (e.g., background color, padding, width) and style the widgets inside.

  6. Click Update to save your page.


Helpfull Tips

  • Experiment freely: Elementor’s live preview lets you see changes instantly.

  • Save regularly: Click Update after each major change to avoid losing progress.

  • Use templates and blocks: Elementor offers pre-built sections and page templates to save time and maintain a consistent design.

With these tools at your disposal, you’re ready to create a stunning, personalized website using Elementor. Happy editing!

Did this answer your question?