Aligning Multiple Elements
How to resize or align multiple elements as a group.
Kylen Downs avatar
Written by Kylen Downs
Updated over a week ago

We provide tools to allow you to align or resize grouped elements in relation to each other or to the canvas. You can group elements together by Shift+Clicking or Control/Command+Clicking each item. 

When you group elements together new alignment options become available in your right toolbar.

Align To Canvas

  1. Aligns all grouped elements to have their height centered to the height of the canvas.

  2. Aligns all grouped elements to have their width centered to the width of the canvas.

Align to Group

  1. Aligns all grouped elements to the top border of the highest placed element.

  2. Aligns all grouped elements to the median center height of all the elements

  3. Aligns all grouped elements to the bottom border of the lowest placed element.

  4. Aligns all grouped elements to the left border of the left-most placed element.

  5. Aligns all grouped elements to the median width placement of all the elements.

  6. Aligns all grouped elements to the right border of the right-most placed element.

Match Size

  1. Increases the width of all grouped elements to match the widest element selected.

  2. Increases the height of all grouped elements to match the tallest element selected

  3. Increases the height and width of all elements to match the dimensions of the largest element

Distribute

  1. Distributes the grouped elements proportionally in relation to their width across the width of the selected field.

  2. Distributes the grouped elements proportionally in relation to their height across the height of the selected field.

More Help Articles

-----------------------------------------------------------------------------------------------------------------------------

Community Resources: 

More video resources from our incredible community of designers and Showit users.
Viva la Violet 

Did this answer your question?