For more intricate layouts with overlapping panels and content, Instant provides controls to define the stacking order of layers. This determines which elements appear in front of or behind others.
Overview
When elements overlap on your canvas, layer order (also known as Z-index) determines which element appears on top. This is essential for creating designs with:
Overlapping images and text
Floating elements over backgrounds
Complex compositions with multiple layers
Decorative elements that sit above or below content
Changing the Order of Layers
Step 1: Select the Layer
Click on the layer you want to bring to the front or send to the back of the composition.
Step 2: Open the Context Menu
Right-click on the selected layer to open the context menu.
Step 3: Choose an Order Option
Select one of the following options:
Option | Result |
Bring to Front | Moves the layer above all other overlapping layers |
Send to Back | Moves the layer behind all other overlapping layers |
The layer order (Z-index) on the canvas updates immediately.
Important Notes
Layer Panel Structure
Changing the order does not alter the layer structure within the Layers panel. The visual stacking order on the canvas is independent of the layer hierarchy shown in the panel.
When to Use Layer Order
Scenario | Action |
Text should appear over an image | Bring text to front |
Background element is covering content | Send background to back |
Decorative shape should be behind content | Send shape to back |
Overlay should appear above everything | Bring overlay to front |
Quick Reference
Task | Action |
Bring layer to front | Right-click layer → Bring to Front |
Send layer to back | Right-click layer → Send to Back |
Access layer order options | Right-click on any layer |