Skip to Main Content

How to use keyboard shortcuts on Divi

Divi: the easiest WordPress theme to use

Divi: The best WordPress theme of all time!

With over 600.000 downloads, Divi is the most popular WordPress theme in the world. It is complete, easy to use and comes with more than 62 free templates. [Recommended]

Divi Builder comes with a long list of very useful keyboard shortcuts. Once mastered, they will save you a ton of design time. Actions that can normally take 2, 3, or 4 clicks can often be performed in a few keystrokes. Divi Builder has shortcuts for just about everything!

divi options keyboards

Referencing shortcuts during construction

Divi Builder has a ton of very useful keyboard shortcuts, but memorizing them all can be a challenge at first. That's why the Divi Builder Help has been created, which displays a complete list of available keyboard shortcuts. To access Divi Builder help, simply press the "? At any time when creating a site on Visual Builder.

Easily create your website with Elementor

Are you looking for the best WordPress themes and plugins?

Download the best plugins and WordPress themes on Envato and easily create your website. Already more than 49.720.000 downloads. [EXCLUSIVE]

Elementor allows you to easily create any website design with a professional look. Stop paying expensive for what you can do yourself. [Free]

Visual Builder shortcuts

The following keyboard shortcuts are available when Visual Builder is active.

Page shortcuts

  • Cancel: Ctrl+Z
  • Remake: Ctrl+ Y/ Cmd+ Shift+Z
  • Save page: Ctrl+S
  • Save the page as a draft: Ctrl+ Shift+S
  • Quit Visual Builder: Ctrl+E
  • Exit To Backend Builder: Ctrl+ Shift+E
  • Zoom-in responsive overview: Ctrl++
  • Zoom-Out responsive overview: Ctrl+-
  • Toggle Settings Bar: T
  • Open the parameters of the Modal page: O
  • Open History Modal: H
  • Open portability Modal: P
  • List all shortcuts: ?

shortcuts to divi.png pages

Easily create your Online Store

Download free WooCommerce, the best e-commerce plugins to sell your physical and digital products on WordPress. [Recommended]

Shortcuts from the publisher online

  • Output Editor: Esc

Module shortcuts

  • Copy module: Ctrl+C
  • Cut Module: Ctrl+X
  • Paste Module: Ctrl+V
  • Copy module design parameters: Other+ Ctrl+C
  • Paste the module design parameters: Other+ Ctrl+V
  • Disable the module: D
  • Lock module: L
  • Adjust the padding of 10px: Shift+Dear
  • Adjustment of the mirror padding: Shift+ Other+Dear
  • Adjust the padding to the opposite side: Other+Dear
  • Copy + Drag moduleAlt + Module Move
  • Modify the structure of the column C+ 1/ 2/ 3/4
  • Make a full width line: R+F
  • Change the gutter width: G+ 1/ 2/ 3/4
  • Increase the padding of the lines: R+Left / Right / Up / Down
  • Increase the padding of 10px lines: Shift+ R+Left / Right / Up / Down
  • Decrease of padding lines: Other+ R+Left / Right / Up / Down
  • Add a new line: R+ 1/ 2/ 3/4
  • Increase the padding of the section: S+Left / Right / Up / Down
  • Increase the padding of 10px: Shift+ S+Left / Right / Up / Down
  • Decrease Padding Section: Other+ S+Left / Right / Up / Down
  • Add a new section: S+ 1/ 2/3
  • Open module parameters: Double Clickon the module.

shortcuts of modules.png

Modal shortcuts

  • To close: Esc
  • Cancel: Ctrl+Z
  • Remake: Ctrl+ Y/ Cmd+ Shift+Z
  • Save changes: Enter
  • Commutateurs Shift+Tab
  • Toggle Modal Expand: Ctrl+Enter
  • Toggle Modal Snap: Ctrl+ Left Arrow/Right Arrow

Backend builder shortcuts

The following keyboard shortcuts are available when the Backend Builder is active.

Page shortcuts

  • Save page: Ctrl+S
  • Save the page as a draft: Ctrl+ Shift+S
  • Cancel: Ctrl+Z
  • Remake: Ctrl+ Shift+Z
  • Open History: H
  • Open portability: P
  • Open the settings of the page: O

Module shortcuts

  • Cut Module: Ctrl+X
  • Copy module: Ctrl+C
  • Paste Module: Ctrl+V
  • Copy + Drag moduleAlt + Module Move
  • Disable the module: D
  • Lock module: L
  • Modify the structure of the column C+ 1/ 2/ 3/4
  • Add a new line: R+ 1/ 2/ 3/4
  • Add a new section: S+ 1/ 2/3
  • Open Module Settings: Double-click the module.

Modal shortcuts

  • To close: Esc
  • Save changes: Enter
  • Switching tabs: Shift+Tab
  • Preview module: Ctrl+P

That's all for these shortcuts on Divi Builder, I hope they will let you work much faster.

Other Divi tutorials

This article features 0 comments

Leave a comment

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

This site uses Akismet to reduce unwanted. Learn more about how your comments data is used.

Back To Top
108 shares
Share4
tweet2
Save102