top of page

Wix Editor: Using the Editor Toolbar to Adjust Elements



Arranging elements using the Editor toolbar


You can move elements forwards and backwards using the Editor toolbar. The Editor is made up of layers which may be placed behind or in front of another element, causing them to not work properly. You can change the element's placement by moving it forward or backward.


To arrange elements:

  1. Click the element.

  2. Click the Arrange icon on the toolbar.

  3. Select an option:

    • Move forward: Moves the element forward one layer.

    • Move backward: Moves the element backward one layer.

    • Bring to front: Moves the element to the top layer.

    • Send to back: Moves the element to the bottom layer.


 

Aligning elements using the Editor toolbar


You can align elements accurately on your site using the Editor toolbar in just a couple of clicks. Depending on the alignment you select, Wix will automatically align all elements to that direction.


To align elements:

  1. Multi-select the elements you want to align.

  2. Click the Align icon on the Editor Toolbar.

  3. Click an align option:

    • Align to right

    • Align to center

    • Align to left

    • Align to bottom

    • Align to middle

    • Align to top


 

Resizing elements using the Editor toolbar


You can resize elements accurately using the Editor toolbar by changing the width and height values.


To resize elements:

  1. Click the element.

  2. Enter a number in the W field to change the width.

  3. Enter a number in the H field to change the height.



 

Positioning elements using the Editor toolbar


Accurately position elements on your page by changing the X and Y values on the Editor toolbar. Y is the vertical positioning of the element in the Editor, while X is its horizontal positioning.


To position elements:

  1. Click the element.

  2. Type the new values next to X and Y in the Editor Toolbar, pressing Enter after each value.


 

Rotating elements with the Editor toolbar


The Editor toolbar allows you to rotate elements accurately by entering the rotation degree.


This is an easy way to precisely rotate elements on your page to the angle you want.

To rotate an element using the Editor toolbar:

  1. Click the relevant element in your Editor.

  2. Enter the rotation degree on the toolbar next to the Rotation icon .

  3. Press the Enter key on your keyboard.


Comments

bottom of page