If you use the Divi theme and layout to create websites it is really important to make your design time profitable, and keyboard shortcuts are a great way to save time and effort.
Note: If you are using a Mac computer, replace the Ctrl key with Command, except where a different key is indicated.
Visual Layout Designer keyboard shortcuts
Below you have all the keyboard shortcuts available in the Divi visual layout editor.
Page shortcuts
- Undo: Ctrl + Z
- Redo: Ctrl + Y
- Save page: Ctrl + S
- Save page as draft: Ctrl + Shift + S
- Exit visual builder: Ctrl + E
- Exit to backend builder: Ctrl + Shift + E
- Responsive zoom in: Ctrl + +
- Responsive zoom out: Ctrl + –
- Toggle settings bar: T
- Open page settings: O
- Open history window: H
- Open portability window: P
- List all shortcuts: ?
Inline editor shortcuts
- Exit inline editor: Esc
Module shortcuts
- Copy module: Ctrl + C
- Cut module: Ctrl + X
- Paste module: Ctrl + V
- Copy module styles: Alt + Ctrl + C
- Paste module styles: Alt + Ctrl + V
- Reset module styles: Alt + Ctrl + R
- Disable module: Ctrl + Shift + D
- Lock module: Ctrl + Shift + L
- Move and copy module into dropped location: Alt + Move module
- Change column structure: C + 1 / 2 / 3 / 4
- Make row fullwidth: R + F
- Change gutter width: G + 1 / 2 / 3 / 4
- Add new row: R + 1 / 2 / 3 / 4
- Add new section: S + 1 / 2 / 3
- Restrict padding to 10px increments: Shift + Drag padding
- Padding limited to opposing value: Alt + Drag padding
- Mirror padding on both sides: Shift + Alt + Drag padding
- Increase row padding: R + left/right/up/down
- Decrease row padding: R + Alt + left/right/up/down
- Increase section padding: S + left/right/up/down
- Decrease section padding: S + Alt + left/right/up/down
- Increase module padding: M + left/right/up/down
- Decrease module padding: M + Alt + left/right/up/down
- Increase row padding by 10px: R + Shift + left/right/up/down
- Decrease row padding by 10px: R + Alt + Shift + left/right/up/down
- Increase section padding by 10px: S + Shift + left/right/up/down
- Decrease section padding by 10px: S + Alt + Shift + left/right/up/down
- Increase module padding by 10px: M + Shift + left/right/up/down
- Decrease module padding by 10px: M + Alt + Shift + left/right/up/down
- Open module settings: Double click on the module.
Modal shorcuts
- Close: Esc
- Undo: Ctrl + Z
- Redo: Ctrl + Y
- Save changes: Enter
- Switch tab: Shift + Tab
- Expand modal fullscreen: Ctrl + Enter
- Snap modal left/right: Ctrl + left/right
Shortcuts for the Wireframe view layout designer
And the shortcuts when you are in the traditional/Wireframe View Divi layout designer.
Page shortcuts
- Save page: Ctrl + S
- Save page as draft: Ctrl + Shift + S
- Undo: Ctrl + Z
- Redo: Ctrl + Y
- Open history: H
- Open portability window: P
- Open page settings: O
Module shortcuts
- Copy module: Ctrl + C
- Cut module: Ctrl + X
- Paste module: Ctrl + V
- Copy module design settings: Alt + Ctrl + C
- Paste module design settingse: Alt + Ctrl + V
- Disable module: D
- Lock module: L
- Move and copy module into dropped location: Alt + Move module
- Add new row: R + 1 / 2 / 3 / 4
- Add new section: S + 1 / 2 / 3
- Change column structure: C + 1 / 2 / 3 / 4
- Open module settings: Double click on the module.
Modal shortcuts
- Close: Esc
- Save changes: Enter
- Switch tabs: Shift + Tab
- Preview of the module: Ctrl + P
Read this post in Spanish: Todos los atajos de teclado de Divi
