Wix Harmony Editor: Working with Elements

Hold and drag the element to the relevant spot on the page. When you've reached the right place, drop the element.

Drag the element's side handles to change its width or height. You can change both the width and height by dragging from the corner.

Hold and drag the Rotate icon

on the right of the element to change its angle. Release the mouse when your element is at the angle you want.

Right-click the element and select Cut. This removes the element from the page while copying it to your computer's clipboard so you can paste it elsewhere.

Tip:

You can also perform this action from the Layers panel, by clicking the More Actions icon

next to an element.

1. Right-click the element and select Copy.

2. Go to your chosen page or section, right-click, and select Paste.

Tips:

• Use the keyboard shortcut Ctrl + C to copy an element, and Ctrl + V to paste it (Cmd + C and Cmd + V on a Mac).

• You can also perform this action from the Layers panel, by clicking the More Actions icon

  

  next to an element.

Right-click the element and select Duplicate to make a copy of it on the page.

Tip:

You can also perform this action from the Layers panel, by clicking the More Actions icon

next to an element.

Right-click the element and select Delete to remove it from your page.

Tip:

You can also perform this action from the Layers panel, by clicking the More Actions icon

next to an element.

Combine elements into a single group for alignment and editing purposes. The group is only visible to you inside the editor.

1. Hold the Shift key while clicking the other elements you want to include.

2. Click Group Elements on the action bar.

Right-click the element and select Pin to screen to keep it fixed in place as visitors scroll through your site.

1. Right-click the element you want to move forward or backward.

2. Hover over Arrange and choose an option:

   • Bring forward: Move the element 1 layer above the one in front of it.

   • Move backward: Move the element 1 layer below the one behind it.

   • Bring to front: Bring the element to the very top layer above all others.

   • Send to back: Send the element to the very bottom layer behind all others.

Tip:

You can also perform this action from the Layers panel, by clicking the More Actions icon

next to an element.

To select multiple elements at the same time, hold your cursor and drag it over the elements.

As an alternative, you can hand-select the elements with your mouse. Click the first element you want to select. Then, hold the Shift key on your keyboard while clicking the other elements.

Yes. You can select and edit one element at a time from inside a group. Click the group on your page, then click the element you want to adjust.

1. Go to your editor.

2. Click the group.

3. Click the relevant element.

4. Edit the element.

You can also press Ctrl on your keyboard and click the element ( Cmd + click on Mac) to select it.