Wix Editor: Working with Elements

5 min read
After you add elements to a page, adjust and manage them to create balanced content across your site. You can choose the size, position, and angle, and copy elements or their design to work more efficiently.
In this article, learn more about:

Moving your elements

Change the position of your elements to align with the rest of your page content. You can use drag and drop to move a single element freely, or the drag handles to move multiple aligned elements vertically.

To move a single element in the Editor:

  1. Click the relevant element in your Editor.
  2. Click and drag the element.
  3. Drop the element when it's in the desired position.
A GIF showing a text element being dragged and dropped in the Wix Editor.

To move multiple elements:

  1. Align all of the relevant elements.
  2. Click the element that's at the top of these elements.
  3. Click and drag the drag handle .
  4. Move the element group to the desired position.
A GIF showing multiple elements being moved with the drag handle.
Did you know?
You can use the Editor toolbar to position your elements more accurately. Learn how to reposition elements with the Editor toolbar

Copying and pasting elements

Copy and paste single or multiple elements to quickly build your content. You can copy elements from one page / section, and paste them on another to keep your site's design consistent. 

To copy and paste a single element:

  1. Right-click on the relevant element in your Editor.
  2. Click Copy.
  3. Navigate to the new page or section in your site. 
  4. Right-click in the desired location. 
  5. Click Paste.
The right-click menu of an element. The cursor is hovering over the option to copy the element.

To copy and paste multiple elements:

  1. Click and drag your mouse over the relevant elements in the Editor.
  2. Click Group Elements.
  3. Right-click on the group and click Copy.
  4. Navigate to the new page or section in your site. 
  5. Right-click in the desired location.
  6. Click Paste.
The right-click menu on a group of elements. The cursor is hovering over the option to copy the element group.
You should know:
  • You can also use the keyboard shortcuts Ctrl+C to copy an element, and Ctrl+V to paste an element (Cmd+C and Cmd+V on a Mac).
  • You can copy and paste elements onto a different site in your account.
  • If you have trouble selecting all elements, begin by clicking one element, then proceed to click the mouse and drag it. 

Resizing your elements

Use the element stretch handles to make your elements as big or as small as you want. When you resize elements, the size of the page or section may automatically adjust to fit the element.

To resize an element:

  1. Click the relevant element in your Editor.
  2. Drag the stretch handles on the edge of the element.
  3. Drop the handles when the element is the size you want.
A GIF showing a maps element being resized with the stretch handles in the Editor.
Did you know?
You can use the Editor toolbar to resize your elements more accurately. Learn how to resize elements with the Editor toolbar
Notes:
  • Some elements are adjusted proportionally by default, including images, buttons, shapes, and image galleries. Hold down Shift on your keyboard to freely adjust the size of these elements.
  • Other elements, such as menus, boxes, slideshows and apps are adjusted freely by default. Hold down Shift on your keyboard to adjust the size of these elements in a proportional manner.

Rotating elements

Rotating your elements is a fun, creative way to add a unique touch to your site. You can freely rotate your elements using the icon, which allows you to experiment and find the angle you like best.  

To rotate an element:

  1. Click the relevant element in your Editor.
  2. Click and drag the Rotate icon at the top-left of the element.
A GIF showing an image of a dog being rotated with the Rotate handle in the Wix Editor.
Tip:
You can also set the rotation angle accurately with the Editor toolbar. Learn how to rotate elements with the Editor toolbar

Copying an element's design

Copy the design of an element and use it on other similar elements on your site. For example, you can copy the design of a button, and apply it to other buttons to keep your site's aesthetic consistent throughout.

To copy the design of an element:

  1. Right-click the element you want to copy the design from in your Editor.
  2. Click Copy Design.
  3. Select the designs on the right side of the panel that you want to replace.
  4. Click Apply.
The copy element design panel. Two designs have been selected for the new design to be applied to.
Note:
The copy design feature is available for pages and themed elements, such as buttons and containers.

Did this help?

|