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 can usually take 2, 3, or 4 clicks, and 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. Still, 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, you can download a copy below.

Divi Visual Builder shortcut keys

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 the 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

Divi Backend Builder shortcut keys

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 Divi 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 to see all the options available for shortcut keys.

Divi layers shortcut (Ctrl + L)

If you like shortcut keys then you will also love the timesaving Divi layers view which is something I use regularly when updating this website.

The shortcut keys for accessing the layers view is Ctrl + L which will allow you to find specific elements in the layers panel quickly.

As you type, the search results will be updated in real-time. This allows you to quickly find the element you are looking for.

The Layers View panel in Divi provides a number of features that allow you to quickly and easily view, organize, and edit your page content. Here are some of the things you can do with the Layers View:

• Search Layers: You can search for elements, named layers, or any element on the page by typing into the search bar.
• Filter Layers: You can filter the layers panel by element type, such as sections, rows, columns, or modules.
• Open/Close All Layers: You can click to either open or close all layers at once for easy viewing.
• Toggle Layer Section: Click the icon to expand or collapse a single section.
• Edit: Click the gear icon to edit the element.
• Duplicate Layer: You can duplicate sections, rows, columns, or modules.
• Delete Layer: Deletes the selected layer.
• Layers Menu: Opens the layer’s extended menu, which includes options for saving to the library or Divi Cloud, split testing, disabling, locking, expanding sections, copying sections, copying styles, viewing modified styles, extending styles, and preset options.