Edit elements

Editing Elements

To edit an element, simply click an element. This will load the Element Options Panel, and here you will be able to adjust the various options for that specific element. You can see an example of the modal below.

There are a number of actions that you can use if you right-click the same element.

You can also right-click the element in the treeview

The elements are using the flexbox system which you can apply to align your content vertically or horizontally inside columns and sections.

Resizing & Spacing Elements

To resize an element is incredibly simple. All you need to do is hover over the right edge of the element, click and then drag to resize. You will see an overlay indicator for the width that the element will resize. You can do the same thing for Margins and Paddings.

Simply let go when the element indicator shows the desired size and the element will fit that size.

Moving Elements

To move an element, simply click and drag the element by the handle then move it to a new location. If your page is large in height we recommend to use your middle finger to scroll while dragging or use the tree view to move the element.