Resize, move, rotate elements

All the elements have the same resize, move & rotate functionality that can be manually applied to the element frame.

As an alternative, the same functionality can be performed from an element’s settings, by using the Sizes and Positions section where the numbers can be tweaked to achieve a certain effect.

Resize Elements

When the element is in focus, it will get a frame with 8 handles around it. This means that the element is now interactive and can be resized. The functionality is very standard here. If you hold the Shift key while resizing, it will keep the element’s proportions. At the top left corner of the block you will always see the element’s actual size.

Move Elements

When the element is in focus and you hover the mouse over it, the cursor will turn into a hand, indicating that you can move the element. You can also move the element by using the keyboard arrows.

 

Rotate Elements

When the element is in focus, it will get an additional line and handle at the top of it that allows you to rotate the element. Additionally, the angle option are available within the block settings and can be helpful when you need to replicate the same angle for a second or third element.