Divi keyboard shortcut keys

Divi keyboard shortcut keys are one of those features you never knew you needed until you try them out.

Actions in Divi that can usually take 2, 3, or 4 clicks and/or a lot of scrolling of modal windows can be taken with 1 or 2 clicks of the keyboard.

Using these quick access keys on your keyboard to access various options and features within the Divi Visual Builder and Divi Builder may only save you a second or so each time, but if you are building a lot of Divi websites then it all adds up to make for a smoother, faster way of working with Divi.

I created my own Divi shortcut cheat-sheet of the Visual Builder shortcut keys (I rarely use the back-end builder now) which I have handy in case I forget what-hotkey-does-what.

If you have difficulty remembering the shortcut keys too, then you can download a copy below.

Visual Builder Shortcuts

The Divi keyboard shortcuts listed below are available when the Visual Builder is active.

Page Shortcuts

• Undo: Ctrl + Z
• Redo: Ctrl + Y / Cmd + Shift + Z
• Save Page: Ctrl + S
• Save Page as Draft: Ctrl + Shift + S
• Exit Visual Builder: Ctrl + E
• Exit To Backend Builder: Ctrl + Shift + E
• Responsive Preview Zoom-In: Ctrl + +
• Responsive Preview Zoom-Out: Ctrl + –
• Toggle Settings Bar: T
• Open Page Settings Modal: O
• Open History Modal: H
• Open Portability Modal: 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 Design Settings: Alt + Ctrl + C
• Paste Module Design Settings: Alt + Ctrl + V
• Disable Module: D
• Lock Module: L
• Adjust Padding By 10px: Shift + Drag
• Mirror Padding Adjustment: Shift + Alt + Drag
• Adjust Padding To Opposite Side: Alt + Drag
• Copy Module + DragAlt + Module Move
• Change Column Structure C + 1 / 2 / 3 / 4
• Make Row Fullwidth: 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
• Decrease Row Padding: Alt + R + Left/Right/Up/Down
• Add New Row: R + 1 / 2 / 3 / 4
• Increase Section Padding: S + Left/Right/Up/Down
• Increase Section Padding by 10px: Shift + S + Left/Right/Up/Down
• Decrease Section Padding: Alt + S + Left/Right/Up/Down
• Add New Section: S + 1 / 2 / 3
• Open Module Settings: Double Click on module.

Modal Shortcuts

• Close: Esc
• Undo: Ctrl + Z
• Redo: Ctrl + Y / Cmd + Shift + Z
• Save Changes: Enter
• Switch TabsShift + Tab
• Toggle Modal Expand: Ctrl + Enter
• Toggle Modal Snap: Ctrl + Left Arrow / Right Arrow

Backend Builder Shortcuts

The Divi keyboard shortcuts listed below are available when the Backend Builder is active.

Page Shortcuts

• Save Page: Ctrl + S
• Save Page as Draft: Ctrl + Shift + S
• Undo: Ctrl + Z
• Redo: Ctrl + Shift + Z
• Open History: 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 Module: D
• Lock Module: L
• Change Column Structure C + 1 / 2 / 3 / 4
• Add New Row: R + 1 / 2 / 3 / 4
• Add New Section: S + 1 / 2 / 3
• Open Module Settings: Double Click on module.

Modal Shortcuts

• Close: Esc
• Save Changes: Enter
• Switch Tabs: Shift + Tab
• Preview Module: Ctrl + P

Download & print the Divi keyboard shortcut cheatsheet

Download this printable cheat-sheet that lists all the Divi Visual Builder shortcut keys.

Download the Divi Shortcut Keys cheat-sheet (410KB) (right-click and “Save Link As”)

How to access shortcut keys in the Visual Builder

When you are in the Visual Builder you can hit the “?” key to bring up the Divi Builder Helper which has tabs for video tutorials and keyboard shortcuts.

Click on the keyboard shortcuts tab and you will see all the options available for shortcut keys.