Positioning by Pixels

To change the position of an element on the canvas, you can either drag and drop the element on the canvas, or use the Element Position option in the Customize panel. To adjust the position of an element, open the Customize panel for the element and enter values for the X and Y option.

The Element Position is measured from the top left corner of the bounding box of your element. Adjusting the X option will allow you to make changes to the pixel location of your element horizontally, while the Y slider will allow you to do this vertically.

When changing your Element Position, you will not be able to adjust the position of either the X or Y positions so that any part of the element is positioned outside of the canvas. Entering a value that will cause this to occur will default the position of the element as far left or down  as the element can go.

Aligning Elements to the Canvas

To align an element with your canvas, select the element and open the Customize panel on the left-hand side of the Editor.

Scroll down in the Customize panel to the Alignment on Canvas options. You can tap the Alignment options to align the selected element to the top, bottom, right, or left of the canvas. You can also center the element vertically or horizontally.

If you plan to use your selected image as a background, you can also use the Snap to All Edges option in the Canvas options. Selecting Snap to All Edges expands the bounding box for the element to completely fill the canvas. If the element is an image, it will also set the Element Crop option to Fill.

Changing the alignment of an element in your design will only affect the size that you are currently working in. 

Aligning Multiple Elements

To select multiple elements at once, hold Ctrl while tapping on the elements either on the canvas or in the Layers panel.

After you’ve selected all of the elements, open the Customize panel on the left hand side of the editor. In the Customize panel, you will have options to either Align to Group or Align to Canvas. Choosing to Align to Group will align all of the objects with respect to one another. Choosing Align to Canvas will align them with respect to the edges of the canvas.

Align to Canvas allows you to align multiple elements to the the canvas at once. 


Align to Group allows you to easily align objects that need to either be layered on top of one another. In the example below, this is used in order to make a Call to Action button.

You will also have the option to Snap to All Edges, which will expand the bounding boxes of every image so that they are Anchored to all edges of the canvas and sets the images to Fill their bounding boxes.