Layer elements (bring to front, send to back)
Change which element sits on top when two overlap, so a text label stays readable over an area or a table stays visible above a rug graphic.
When two elements overlap, one of them has to sit on top. A stage area might cover part of a table, or a text label might land behind a colored zone instead of in front of it. Layering lets you choose which element wins.
Change an element's layer
- Right-click the element you want to move up or down the stack.
- Choose one of the layering options from the menu:
- Bring to Front puts it above everything else.
- Send to Back puts it below everything else.
- Bring Forward moves it up one level.
- Send Backward moves it down one level.
This applies to whichever single element you right-clicked, not to a group. If you have several elements selected, layering only affects the first one.
Using the keyboard instead
If your hand is already on the keyboard, you can skip the menu:
| Shortcut | Action |
|---|---|
| Ctrl/Cmd + Alt + Shift + Up arrow | Bring to front |
| Ctrl/Cmd + Alt + Shift + Down arrow | Send to back |
| Ctrl/Cmd + Alt + Up arrow | Bring forward |
| Ctrl/Cmd + Alt + Down arrow | Send backward |
These act on your current selection the same way the menu options do.
Common uses
- Keep a text label readable by bringing it to the front of a colored area behind it.
- Send a background area, like a dance floor or a stage, to the back so tables and seats always show on top.
- Fix an image or icon that landed behind another element after you moved it.
Note that a locked element can't be reached through the right-click menu, so unlock it first if you need to change its layer. See Lock elements in place for how locking works.
Where to go next
- Lock elements in place once your stacking order and layout look right.
- Keyboard shortcuts for the complete shortcut reference.
- Copy, paste, duplicate and delete for other ways to manage elements on the canvas.