keyboard shortcuts on divi

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!

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.

keyboard shortcuts on divi

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.

Leave a comment

echo "";