# Step 3: Edit with Elementor

Most site pages are created by Elementor Builder.  You can edit any of these, as well as the Header and Footer, by selecting <mark style="color:red;">**Edit with Elementor**</mark> from the Admin Top Bar.

<figure><img src="/files/E3w2L9VBUeR66rdj1Fja" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/G81LpIWkJLydmNoujhEJ" alt=""><figcaption></figcaption></figure>

**Edit Panel (Left)**: Edit options for the selected element.

**Layers Panel (Right)**: Control the order and visibility of all elements.

**Main Panel (Middle)**: Arrange elements visually on your page.

To effectively use Elementor, start with the Main Panel. Here are three key components you need to understand for building your website structure: **Big Container | Container | Element.**

1. **Big Container & Container**:
   * **Purpose**: These elements create the framework for your website layout.
   * **Settings**:
     * Width & Height: Define how large the container will be.
     * Margin & Padding: Control the space around and inside the container.
       * Margin: The space outside the container.
       * Padding: The space inside the container, between the container’s border and its content.
   * **Hierarchy**: A Big Container can hold multiple smaller Containers. Use this to organize your layout effectively.
   * **Direction**: You can set the direction for the containers to arrange content either horizontally or vertically, allowing for flexible display options.
2. **Element**:
   * **Purpose**: Elements are the building blocks for your website's content.
   * **Types of Elements**: These can include text blocks, images, buttons, videos, and more.
   * **Adding Elements**:
     * To add an element, simply drag it from the panel on the left into your container.
     * Once added, click on the element to customize settings like content, style, and advanced options.

**Steps to Get Started**:

1. **Create a Big Container**: Drag the Big Container widget onto your page.
2. **Add Containers**: Inside the Big Container, add smaller Containers as needed.
3. **Insert Elements**: Drag various elements (like text, images, and buttons) into your Containers to build your content.
4. **Adjust Settings**: Click on each Container and Element to adjust settings such as size, spacing, and alignment.

Learn more:

{% embed url="<https://elementor.com/help/get-started-with-elementor/>" %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://wpt.wordpify.com/import-template/step-3-edit-with-elementor.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.