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 might normally take 2, 3, or 4 clicks can often be done with just a few keystrokes. Divi Builder has shortcuts for just about everything!
Referencing shortcuts during construction
Divi Builder has a ton of very useful keyboard shortcuts, but memorizing them all can be a challenge at first. This is why Divi Builder help was 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.
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: ?
Online Editor Shortcuts
- Output Editor: I
Module shortcuts
- Copy module: Ctrl+C
- Cut Module: Ctrl+X
- Paste Module: Ctrl+V
- Copy module design parameters: Alt+ Ctrl+C
- Paste the module design parameters: Alt+ Ctrl+V
- Disable the module: D
- Lock module: L
- Adjust the padding of 10px: Shift+Dear
- Adjustment of the mirror padding: Shift+ Alt+Dear
- Adjust the padding to the opposite side: Alt+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: Alt+ 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: Alt+ S+Left / Right / Up / Down
- Add a new section: S+ 1/ 2/3
- Open module parameters: Double Clickon the module.
Modal shortcuts
- To close: I
- 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: I
- Save changes: Enter
- Switching tabs: Shift+Tab
- Preview module: Ctrl+P
That's all for these shortcuts on Divi Builder, I hope they will allow you to work much faster.
[vc_row center_row=”yes”][vc_column width=”1/2″][vcex_button target=”blank” layout=”expanded” align=”center” font_family=”Raleway” font_weight=”700″ style=”flat” custom_background=”#18b69d” custom_hover_background=”#118d7a” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]DOWNLOAD DIVI THEME [/vcex_button][/vc_column][vc_column width=” 1/2″][vcex_button url=”https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials” target=”blank” layout=”expanded” align=”center” font_family =”Raleway” font_weight=”700″ style=”flat” custom_background=”#c4226e” custom_hover_background=”#8d184f” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]DOWNLOAD THE TEMPLATES DIVI[/vcex_button][/vc_column][/vc_row]
Other Divi tutorials
- 5 websites for restaurant use Divi theme
- How to add text on a Divi WooCommerce product
- How to change the menu color between Divi pages
- How to personalize the grids of a blog with Divi
- How to use the role Divi editor on WordPress
- How to create a full screen Divi slider
- How to change the color of menus between Divi pages
- Features you probably do not know about Divi
- How to use Divi Builder on WordPress
- How to use the Divi video scrolling module
- How to use the Divi Builder Flip module
- How to add a testimonial module on Divi Builder
- How to use the Divi text module
- How to create a slider on Divi
- How to edit a Divi user role
- How to use the Divi Social Media module
- How to use the shop module on the theme WordPress Divi
- How to use the Divi sidebar module
- How to use the Divi Price Table Module
- How to use the title module of Divi publications
- How to add a video module of Divi
- How to use the article navigation module
- How to use the Divi search module
- How to use the Divi wallet module
- How to use the person module on Divi Builder
- How to use the wallet module with Divi filter
- How to use the full width slider module
- How to use the Divi Builder Image Module
- How to use the full-width navigation module of Divi Builder
- How to use the image gallery module
- How to use the Divi Builder Full-Width Card Module
- How to use the Divi Full Width Portfolio Module
- How to use the Divi full-width header module
- How to use the Divi Counter Module
- How to use the articles slider on Divi Builder
- How to use the Divi Email Optin module