Divi Keyboard Shortcuts

Divi

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

Click to rate this post!
[Total: 1 Average: 5]

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top Skip to content