Keyboard Shortcuts
Discover keyboard shortcuts that can be used in the Design Editor and CMS.
Note, the command key (⌘) in the table below is equivalent to "Ctrl" on Windows.
Working with Boxes
Action | Shortcut |
Copy | ⌘ + C |
Cut | ⌘ + X |
Paste | ⌘ + V |
Delete | delete |
Group | ⌘ + G |
Ungroup | ⌘ + shift + G |
Create List | ⌘ + L |
Create Component | ⌘ + J |
Duplicate | ⌘ + D |
Duplicate with Drag & Drop | option (alt) + D&D |
Select Multiple | Shift + Click |
Move Selection (Forward) | Tab |
Move Selection (Backward) | Shift + Tab |
Select Child Element | Enter |
Select Parent Element | Shift + Enter |
Select Parent Element | Esc |
Reorder Boxes in Group | "↑","↓","←","→” |
Select Directly | ⌘ + Click |
Toggling Panels
Use the following shortcuts to expand and collapse specific panels.
Action | Shortcut |
Pages Panel | ⌘ + 1 |
Layers Panel | ⌘ + 2 |
Styles Panel | ⌘ + 3 |
Add Panel | ⌘ + 4 |
Box Settings Panel | ⌘ + 5 |
Toggling Layers
Action | Shortcut |
Expand / Collapse Layers | option (alt) + Click |
Searching
Display the command palette for searching pages, dashboard information, and projects. Learn more:
Action | Shortcut |
Open Command Palette | ⌘ + K |
Using Design Editor
Action | Shortcut |
Undo | ⌘ + Z |
Redo | ⌘ + shift + Z |
Zoom In / Out | + / - |
Actual Size (100%) | ⌘ + 0 |
Navigating Pages
Action | Shortcut |
Go Back to Previous Page | ⌘ + ← |
Go Forward to Next Page | ⌘ + → |
Editing Rich Texts
Available in CMS posts and Rich Text Box in Design Editor.
Action | Shortcut |
Toggle Selection Bold | ⌘ + B |
Toggle Selection Italic | ⌘ + I |
Toggle Selection Underline | ⌘ + U |
Toggle Selection Strikethrough | ⌘ + shift + S |
Add Link to Selection | ⌘ + K |