Divi Builder comes with a long list of very useful keyboard shortcuts on Divi. Once mastered, they will save you a ton of design time. Actions that can normally take 2, 3, or 4 clicks can often be done with a few keystrokes. Divi Builder has shortcuts for just about everything!
Table of Contents
Referencing shortcuts during construction
Divi Builder has a ton of very useful keyboard shortcuts, but memorizing them all can be a challenge at first. This is why the Divi Builder help was created, which displays a complete list of available keyboard shortcuts. To access Divi Builder help, simply press the “?” Key. Anytime while creating a site on Visual Builder.
Visual Builder Shortcuts
The following keyboard shortcuts are available when Visual Builder is active.
Page shortcuts
- Cancel: Ctrl+Z
- Redo: Ctrl+ Y/ Cmd+ Shift+Z
- Save page: Ctrl+S
- Save page as draft: Ctrl+ Shift+S
- Quit Visual Builder: Ctrl+E
- Exit To Backend Builder: Ctrl+ Shift+E
- Zoom-in responsive preview: Ctrl++ Zoom-Out
- Responsive Preview: Ctrl+-
- Toggle Settings Bar: T
- Open the parameters of the Modal page: O
- Modal open story: H
- Modal open portability: P
- List all the shortcuts: ?
Online editor shortcuts
- Output editor: Esc
Module shortcuts
- Copy module: Ctrl+C
- Cut Module: Ctrl+X
- Paste Module: Ctrl+V
- Copy module design parameters: Alt+ Ctrl+C
- Paste module design parameters: Alt+ Ctrl+V
- Disable the module: D
- Locking module: L
- Adjust padding by 10px: Shift+Drag
- Adjustment of mirror upholstery: Shift+ Alt+Drag
- Adjust the padding to the opposite side: Alt+Drag
- Copy module + DragAlt + Module Move
- Modify column structure C+ 1/ 2/ 3/4
- Make a full width line: R+F
- Change gutter width: G+ 1/ 2/ 3/4
- Increase row padding: R+Left/Right/Up/Down
- Increase row padding by 10px: Shift+ R+Left/Right/Up/Down
- Decreased line padding: Alt+ R+Left/Right/Up/Down
- Add a new line: R+ 1/ 2/ 3/4
- Increase section padding: S+Left/Right/Up/Down
- Increase padding by 10px: Shift+ S+Left/Right/Up/Down
- Decrease Padding Section: Alt+ S+Left/Right/Up/Down
- Add a new section: S+ 1/ 2/3
- Parameters of the open module: Double Click on the module.
Modal shortcuts
- To close: Esc
- Cancel: Ctrl+Z
- Redo: Ctrl+ Y/ Cmd+ Shift+Z
- Save changes: Enter
- Switches Shift+Tab
- Toggle Modal Expand: Ctrl+Enter
- Toggle Modal Snap: Ctrl+ Left Arrow/Right Arrow
Read more: Divi Tutorial: How to use the card module
Backend generator shortcuts
The following keyboard shortcuts are available when the Backend Builder is active.
Page shortcuts
- Save page: Ctrl+S
- Save page as draft: Ctrl+ Shift+S
- Cancel: Ctrl+Z
- Redo: Ctrl+ Shift+Z
- Open story: H
- Open portability: P
- Open page settings: O
Module shortcuts
- Cut Module: Ctrl+X
- Copy module: Ctrl+C
- Paste Module: Ctrl+V
- Copy module + DragAlt + Module Move
- Disable the module: D
- Locking module: L
- Modify column structure C+ 1/ 2/ 3/4
- Add a new line: R+ 1/ 2/ 3/4
- Add a new section: S+ 1/ 2/3
- Parameters of the open module: Double-click on the module.
Modal shortcuts
- To close: Esc
- Save changes: Enter
- Switch tabs: Shift+Tab
- Preview module: Ctrl+P
That’s all for these shortcuts on Divi Builder, I hope they will allow you to work much faster.
For website maintenance service contact us.
