Column
You can place two or more blocks horizontally in a row. It can be applied to all types of blocks, such as text, images, and tables.
Add column
There are four ways to add:
•
Click and hold the handle of one block, then drag and drop it to the left or right of another block.
•
Enter /column in the blank space and press Enter to add a column block.
•
Click + on the left side of the block and select Column .
•
Move the cursor to the left or right of the existing column, and then click the + icon that appears.
You can also add another column inside a column.
You can also move blocks inside a column out of the column by dragging and dropping.
Responsive wrapping settings
Click the gray bar above each column to select Responsive Wrapping . Choose from None, Auto, or All.
•
None: No line breaks when the window width is narrow or when viewing on a mobile device.
•
Auto: Columns are automatically wrapped based on the width of the window and mobile screen, taking into account the number of columns, width, and spacing.
•
All: All columns will always wrap when the window width is narrow or when viewing on a mobile device.
Spacing adjustment
While holding the handle between the columns, drag it to the left or right to change the spacing in-between the columns.
Width adjustment
Click and drag the vertical line between two columns to the left or right.
To make each column the same width, click the gray bar above the columns and select Set same width .
How do I align the heights of images within columns?
Using the reference of dotted lines of the column, the size of the image can be adjusted with the handle.
Vertical alignment
After clicking the gray bar above the column, choose the align vertically option. Then, select either 'Align Top,' 'Align Middle,' or 'Align Bottom' to arrange the content.
Add margin inside column
Click and drag the blue bar that appears when you hover your cursor over the column area border.
To make more precise adjustments, click on the gray bar at the top of each column to select Margins . If you enter a value in the blank, the corresponding margin will be applied to all four sides. If you want to apply different margins to each side, click on the link icon next to the input field.
Eliminate
Click the gray bar above the block you want to remove from the column and select Delete.
Usecases
Clicking on each image will take you to the template.
1. Introduction of members/functions/projects
2. Website Footer
3. Profile
