Arranging elements is an important skill when using the editor. This guide briefly describes how the platform’s content is arranged and how to use rows and columns to ensure your site looks the way you want it to.
Our sites are organized into rows, columns, and elements.
Each row defines a horizontal section of your site;
Each column a vertical section within that row;
Each element a content section within that column.
Rows are horizontal areas of your site in which columns and elements exist. They look like this:
Rows can be created by dragging elements into the editor where you’d like the row to be, and then letting go once the blue line stretches all the way across the site inside a grey “New Row” field.
Rows can be moved by using the up and down arrow.
Rows can be deleted by clicking the Row bar and choosing the Delete option.
Columns are vertical areas contained in rows of your site in which elements exist. They look like this:
Columns can be created by clicking the Row bar of the row in which you’d like to create your column and selecting the Add Column button, or dragging in 2, 3, or 4 column elements into a row.
Columns inside of rows can be swapped/switched by clicking the Column bar of one of the columns you’d like to switch and selecting either the left or right arrow, depending on how you’d like to swap/switch the Column.
Columns can be deleted by first emptying them of all elements, and then pressing the red X icon at the top right corner.
Elements are features of your site that contain content, like paragraphs or buttons. Elements can be created by dragging and dropping them from the sidebar into your site.
Elements can be deleted by pressing the red X that appears when hovered.