Unlock Summer Savings:
Get Professional Website Design for Up to 50% Off

Help Center

How can we help you today?

Elementor is a powerful drag-and-drop page builder that makes it easy to create and customize your web pages. Here’s how you can edit your web pages using Elementor

  1. Log into Your WordPress Admin Area:
    Enter your username and password to access the Dashboard.

  2. Navigate to the Pages Section:
    – In the left-hand menu, go to Pages > All Pages.
    Find the page you want to edit and hover over its title. Click on the Edit with Elementor link that appears.

  3. Launch Elementor Editor:
    Once you click Edit with Elementor, the Elementor editor will load, displaying your chosen page and the Elementor editing panel on the left side.

  4. Edit Existing Content:
    Text and Images:
    Click on any text block or image to select it. The editing options for that element will appear in the left panel. You can change text content, font style, size, color, and more. For images, you can replace the image, adjust its size, and add alt text.
    Sections and Columns: Click on the section or column handle (the blue outline around the element) to access settings for layout, style, and advanced options. You can adjust the width, height, background, margins, padding, and more.

  5. Add New Elements:
    Widgets: To add new elements to your page, drag and drop widgets from the Elementor panel on the left to your desired location on the page. Widgets include text boxes, images, videos, buttons, and more.
    Templates: You can also insert pre-designed templates. Click the folder icon to open the template library, choose a template, and insert it into your page.

  6. Customize Your Page:
    Style Tab:
    Customize the appearance of any element by using the options in the Style tab. Change colors, typography, backgrounds, borders, and other visual aspects.
    Advanced Tab: For more detailed adjustments, go to the Advanced tab. Here, you can set margins, padding, motion effects, responsive settings, and custom CSS if needed.

  7. Responsive Editing:
    Click on the responsive mode icon in the Elementor panel to see how your page looks on different devices (desktop, tablet, mobile).

  8. Publish Your Changes:
    When you are satisfied with your edits, click the Update button to publish your changes.

  9. Preview and Save Changes:
    Preview: Click the eye icon at the bottom of the Elementor panel to preview your changes and see how they look on different devices (desktop, tablet, mobile).
    Save: Click the green Update button at the bottom of the panel to save your changes.

  10. Exit Elementor:
    Once you are satisfied with your edits, click the Exit to Dashboard button in the Elementor panel to return to the WordPress Dashboard.

Using Elementor to edit your pages allows you to make real-time changes with a high degree of customization, ensuring your website looks and functions exactly how you want.

What are your feelings
Updated on June 21, 2024