> ## Documentation Index
> Fetch the complete documentation index at: https://docs.ecomwize.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Edit on the canvas

> Select, edit text, replace images and icons, and move sections right on the page.

You can change most things by clicking them on the canvas. A toolbar appears next to whatever you select.

![A selected element on the canvas with its toolbar](https://assets.ecomwize.io/docs/shots/builder.png)

## Select a section or element

Click once to select a section or an element inside it. Press **Enter** to select a child, **Shift+Enter** to select the parent and **Esc** to go up or deselect. Use **Select** (V) to pick things and **Pan** (H or hold Space) to move around.

## Edit text

**1. Open the text**

Double-click the text (or press **Enter** on a text layer).

**2. Type your change**

Press **Enter** or **Shift+Enter** for a line break. Use the text toolbar for **Bold**, **Italic**, **Underline**, **Smaller** and **Bigger**.

**3. Save or cancel**

Press ⌘ Enter or click away to save. Press **Esc** to cancel.

![A selected headline with the element toolbar](https://assets.ecomwize.io/docs/shots/edit-text.png)

## Replace an image

Select the image and click **Media** in its toolbar. The [Media panel](https://docs.ecomwize.io/builder/media.md) opens. Pick an image to replace the current one.

![A selected image with its toolbar](https://assets.ecomwize.io/docs/shots/image-toolbar.png)

## Change a background

Open the color popover for the background and switch to the **Image/Video** tab. Click **Choose image** or **Replace image**. You can set a separate image for mobile.

## Change an icon

Select the icon and click **Choose icon**. You can also set its weight and size.

## Duplicate, delete and reorder

The element toolbar also has **Edit with the agent**, **Add a snippet after this one**, Align, Duplicate, Delete and a drag handle to reorder.

![The element toolbar up close](https://assets.ecomwize.io/docs/shots/element-toolbar.png)

Hover a section to see its toolbar: drag, **Duplicate** (⌘ D), **Copy** (⌘ C), **Save to my sections** and **Delete**. Paste with ⌘ V. Arrow keys move the selected element or section.

You can also reorder sections in the [Layers tab](https://docs.ecomwize.io/builder/sections-and-layers.md).

## Edit desktop and mobile separately

Use the **Desktop view** and **Mobile view** toggle in the top bar. Style edits you make in Desktop view apply to desktop. Edits in Mobile view apply to mobile.

![The page shown in Mobile view](https://assets.ecomwize.io/docs/shots/mobile-view.png)

> [!TIP]
>
> Made a mistake? Press ⌘ Z to undo and ⌘ ⇧ Z to redo.

## Related

> **[Style panel](https://docs.ecomwize.io/builder/style-panel.md)**

> **[Media](https://docs.ecomwize.io/builder/media.md)**

> **[Sections and layers](https://docs.ecomwize.io/builder/sections-and-layers.md)**

> **[Keyboard shortcuts](https://docs.ecomwize.io/builder/keyboard-shortcuts.md)**


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.