# Key Shortcuts

To view, the Key Shortcuts press the information icon and then "Key Shortcuts"

<figure><img src="https://2798932742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKBGfOeYOvP45qYmu7SWy%2Fuploads%2FxrtuFSb4hbODmWAu8Xia%2Fimage.png?alt=media&#x26;token=4506abbc-5079-42f3-b033-53ae33c83f85" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2798932742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKBGfOeYOvP45qYmu7SWy%2Fuploads%2FMMDxd05mtPEdOGYnf6Yk%2Fimage.png?alt=media&#x26;token=55bc8e97-86c9-45b3-91e3-f40fbbbb3be3" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2798932742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKBGfOeYOvP45qYmu7SWy%2Fuploads%2FdKIdyDajdSw6bNDnTdx4%2Fimage.png?alt=media&#x26;token=e66e7c6a-ab6e-4be7-9077-33fd3ca5d379" alt=""><figcaption></figcaption></figure>

Here is a list of the currently available hotkeys:

**CTRL + S** – Save changes\
Saves your current work.\
When you save the page an alert appears at the bottom of the page, letting you know that the page was successfully saved.

**CTRL + C** – Copy\
Copy the active element. When you click on an element, it becomes active.\
See the active element in Tree View Panel as shown below.

By pressing CTRL + C shortcut, the active element is copied to the clipboard and can be later inserted in another page area using CTRL + V.

**CTRL + V** – Paste copied element.\
When you want to insert an element into the page, the position in which it will be inserted depends on the active element.\
If the active element is of type layout (section or column), the element will be inserted inside of it. Otherwise, the item will be inserted after the active element.\
Use **CTRL + V** multiple times to paste the same element more than once in different page areas.

**CTRL + X** – Cut Element\
Cut the active element.\
When you use **CTRL + X** shortcut, the active element is copied to the clipboard (as if you were using **CTRL + C**) and becomes grayed out to let you know that it has been copied to the clipboard and will be removed after insertion (use “ESC “key to cancel this action). You can then use **CTRL + V** to paste the element into another area of the page.

**CTRL + D** – Creates a copy of the active element and places it immediately after.

**CTRL + SHIFT + C** – Copies the styles applied to the active item.

**CTRL + SHIFT + V** – Applies the copied styles to the active element

**CTRL + Z** – Undoes last actions in the order in which they were made.\
If Element Options is open, this shortcut will affect the action that was made in Element Options Panel.\
If Element Options is open, this shortcut will affect the action that was made in the Page Preview area.\
See actions history in History Panel.

**CTRL + Y** – Redo actions.\
If you undo actions(using **CTRL + Z**), this shortcut restore them.\
If Element Options is open, this shortcut will affect the action that were made in Element Options Panel.\
If Element Options is open, this shortcut will affect the action that were made in Page Preview area.

**CTRL + SHIFT + Y** – Does the same as **CTRL + Y**.

**CTRL + H** – Hide element\
This shortcut will hide the active element.\
When an element is hidden, it will have an overlay color, and an eye icon button, which you can use to make the element visible again.\
To preview the page without this element, hit **CTRL + P**(toggle page preview).

<figure><img src="https://2798932742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKBGfOeYOvP45qYmu7SWy%2Fuploads%2FB2Gqg7QXfDwpOgLVR2cG%2FHIDEUNHIDE.gif?alt=media&#x26;token=4e37c89d-7114-43a2-a94d-e5f3782123bc" alt=""><figcaption></figcaption></figure>

**CTRL + P** – Toggles page preview mode\
In preview mode, element toolbox will not be available.\
Click the screen icon from the page preview mode menu to switch between the viewport sizes(desktop, laptop, tablet, phone).\
To go back to edit mode, click CTRL + P again or click the “edit mode” button.

**SHIFT + T** – Toggle Tree View Panel

**SHIFT + L** – Toggle Library Panel

**SHIFT + O** – Toggle Page Options Panel

When dragging element

**DRAG + CTRL** – Duplicate element in place.\
Hold CTRL while dragging an element to create a copy of the dragged element.

**When dragging toolbox**

**CTRL + DRAG** – Set even values\
While you change element dimensions(margin, padding) using the element toolbox dragging feature hold **CTRL** key to set the same value to the opposite dimension.

<figure><img src="https://2798932742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKBGfOeYOvP45qYmu7SWy%2Fuploads%2FqFAN5czQEngH7Y3MK75c%2FCTRL-DRAG.gif?alt=media&#x26;token=8193927a-026e-4b65-ad75-cbc7ee342824" alt=""><figcaption></figcaption></figure>

**CTRL + SHIFT + DRAG** – Set even incremental value

<figure><img src="https://2798932742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKBGfOeYOvP45qYmu7SWy%2Fuploads%2FWT6aSLLGGLee35ZRGZUe%2FCTRL-SHIFT-DRAG.gif?alt=media&#x26;token=eb976bc2-ef8d-421e-adcb-f27cf5415ed5" alt=""><figcaption></figcaption></figure>

Hold **CTRL + SHIFT + DRAG** while dragging toolbox dimensions(padding, margins) to set the same opposite values divisible by 5 and from 5 to five units.

**CTRL + SHIFT + D** – Back to WP Dashboard -> page settings\
Use this shortcut key to go directly to admin dashboard -> page settings

**On input of type number**

**SHIFT + DRAG** – Set incremental value\
When dragging any numerical input, hold **SHIFT** key to set the value from 25 to 25 units.

<div align="left"><figure><img src="https://2798932742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKBGfOeYOvP45qYmu7SWy%2Fuploads%2FB39JWuSfh3LCZkvYm2gl%2FSHIFT-DRAG-on-input-number-unit.gif?alt=media&#x26;token=366329a6-9d6b-4b0e-83a3-a0a8d48f8b41" alt=""><figcaption></figcaption></figure></div>

**SHIFT + ARROWS** – Set incremental value\
Hold **SHIFT** key and press up/down arrows to set value fo any input of type number from 25 to 25 units.

**On input of type number with link option available**

**ALT + DRAG** – Toggle Link values option\
Press **ALT** key while dragging any group of numerical inputs with the link values option to link all values in the group.

<div align="left"><figure><img src="https://2798932742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKBGfOeYOvP45qYmu7SWy%2Fuploads%2FgNghui98Knumvt24RuK2%2FSHIFT-DRAG-link.gif?alt=media&#x26;token=4b45a60c-5979-4eea-95b0-10f9a9baae02" alt=""><figcaption></figcaption></figure></div>

**Note:** Enjoy all the stunning features that the **Zion Builder** contains inside and use them for full.
