Divi keyboard shortcut keys are one of those features you never knew you needed until you try them out. For many of us, they are an underutilized time-saving feature that should be added to our web design work-flow.
Using these quick access keys on your keyboard to access various options 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 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-does-what. If you have difficulty remembering the shortcut keys too, then you can download a copy below.
Download & print the Divi Visual Builder keyboard shortcuts
Download this printable cheat-sheet to the Divi Visual Builder shortcut keys to print out and keep handy as a quick reference or save it as your laptop wallpaper.
Download Shortcut Keys JPG (410KB) (right-click and “Save Link As”)
Access shortcut keys in the Visual Builder with “?” key
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. Just click on the keyboard shortcuts tab and you will see all the options available for shortcut keys.
Front-End & Back-End Builder shortcuts
Below is the full list of shortcut keys for Divi including for both the front-end and back-end builders as found in the Elegant Themes documentation for keyboard shortcuts.
Visual Builder Shortcuts
shortcuts available in the Divi Visual Builder
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
Back-end Builder Shortcuts
shortcuts available in the Divi back-end Builder
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
Thank you my friend, much needed info
Bruh! Thanks Soooo much