Skip to main content
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

​
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

​
Replace an image

Select the image and click Media in its toolbar. The Media panel opens. Pick an image to replace the current one.
A selected image with its toolbar

​
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
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.

​
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
Made a mistake? Press ⌘ Z to undo and ⌘ ⇧ Z to redo.

Style panel

Media

Sections and layers

Keyboard shortcuts