Divi Keyboard Shortcuts Cheat Sheet

Last modified Aug 4, 2021
Difficulty Beginner
Language None
Category

Visual Builder Shortcuts

The following keyboard shortcuts 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 following keyboard shortcuts 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

Text, headlines and paragraph (Mac)

  • H1 – ^ + + 1
  • H2 – ^ + + 2
  • H3 – ^ + + 3
  • H4 – ^ + + 4
  • H5 – ^ + + 5
  • H6 – ^ + + 6
  • Paragraph: ^ + + 7

Text, headlines and paragraph (Windows)

  • H1 – Shift + Alt + 1 (Windows)
  • H2 – Shift + Alt + 2 (Windows)
  • H3 – Shift + Alt + 3 (Windows)
  • H4 – Shift + Alt + 4 (Windows)
  • H5 – Shift + Alt + 5 (Windows)
  • H6 – Shift + Alt + 6 (Windows)
  • Paragraph: Shift + Alt + 7 (Windows)

Please let us know in the comments if everything worked as expected.

___

This snippet is based on the Divi Theme documentation article, copyright https://elegantthemes.com.

Your Comments

2 Comments

  1. Michael Musgrove

    What about editorial shortcuts, such as changing a word, sentence, phrase to H1, H2, paragraph, etc…? The classic WordPress shortcuts (alt+shift+1,2,3,etc…) don’t work anymore.

    Reply
    • <div class="apbct-real-user-wrapper">
    <div class="apbct-real-user-author-name">Anna Kurowska</div>
    <div class="apbct-real-user-badge" onmouseover="apbctRealUserBadgeViewPopup('apbct_trp_comment_id_569895');" onmouseout="apbctRealUserBadgeClosePopup(event);">
        <img src="https://wpzone.co/wp-content/plugins/cleantalk-spam-protect/css/images/real_user.svg" class="apbct-real-user-popup-img" style="align-self: center;">
        <div class="apbct-real-user-popup apbct-trp-popup-desktop" id="apbct_trp_comment_id_569895">
            <div class="apbct-real-user-title">
                <p class="apbct-real-user-popup-header">The Real Person!</p>
                <div class="apbct-real-user-popup-content_row">
                    <img src="https://wpzone.co/wp-content/plugins/cleantalk-spam-protect/css/images/real_user.svg" class="apbct-real-user-popup-img">
                    <span class="apbct-real-user-popup-text">Author <b>Anna Kurowska</b> acts as a real person and verified as not a bot.</span>
                </div>
                <div class="apbct-real-user-popup-content_row">
                    <img src="https://wpzone.co/wp-content/plugins/cleantalk-spam-protect/css/images/shield.svg" class="apbct-real-user-popup-img">
                    <span class="apbct-real-user-popup-text">Passed all tests against spam bots. Anti-Spam by CleanTalk.</span>
                </div>
            </div>
        </div>
    </div>
    <div class="apbct-real-user-popup apbct-trp-popup-mob" id="apbct_trp_comment_id_569895">
        <div class="apbct-real-user-title">
            <p class="apbct-real-user-popup-header">The Real Person!</p>
            <div class="apbct-real-user-popup-content_row">
                <img src="https://wpzone.co/wp-content/plugins/cleantalk-spam-protect/css/images/real_user.svg" class="apbct-real-user-popup-img">
                <span class="apbct-real-user-popup-text">Author <b>Anna Kurowska</b> acts as a real person and verified as not a bot.</span>
            </div>
            <div class="apbct-real-user-popup-content_row">
                <img src="https://wpzone.co/wp-content/plugins/cleantalk-spam-protect/css/images/shield.svg" class="apbct-real-user-popup-img">
                <span class="apbct-real-user-popup-text">Passed all tests against spam bots. Anti-Spam by CleanTalk.</span>
            </div>
        </div>
    </div>
</div>

      Hi Michael!

      Check this out:

      H1 – control + option + 1 (Mac) or shift + alt + 1 (Windows)
      H2 – control + option + 2 (Mac) or shift + alt + 2 (Windows)
      H3 – control + option + 3 (Mac) or shift + alt + 3 (Windows)
      H4 – control + option + 4 (Mac) or shift + alt + 4 (Windows)
      H5 – control + option + 5 (Mac) or shift + alt + 5 (Windows)
      H6 – control + option + 6 (Mac) or shift + alt + 6 (Windows)
      Paragraph: control + option + 7 (Mac) or shift + alt + 7 (Windows)

Submit a Comment

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

Next snippet Change The “Read More” Text of the WooCommerce Button
Previous snippet HTML for Divi Cheat Sheet