Columns are necessary to add different elements to a page or they can be use to add an image to a page. Blocks hold columns and columns hold elements.
In this article
- Adding columns
- All column settings explained
- Moving a column
- Duplicating a column
- Deleting a column
When a block template is chosen there are column available to use. But when you need to add a new column this is also possible.
A new column can be added by clicking on the + icon in the purple settings bar of the block. The column will be added to the right side of the block and can be dragged to the right spot by using the drag icon on that column. The new added column will be totally empty.
Another way to add a column is to duplicate one that is already in the block. Columns can be duplicated in the same block and can not be moved to another block.
All column settings explained
By using alignment, the position of the content within a column can be chosen. The content can be aligned right, left, centered, top, bottom or middle. There are two directions to choose from: vertical and horizontal alignment.
You can set the vertical alignment of all the content in the column. And you can set the horizontal alignment of all the content in the column.
Set the spacing of the elements within a column with this setting. The more spacing you add, the more the elements will be away from the side of the column. You can choose to add spacing to all sides at once, or adjust it for every side separately.
A column can have a background color or a background image. On this color or image you can still place elements like text or buttons. This setting is for each column differently.
To make the column jump out, you can set a border around, or at one side of the column. In this setting you can choose the color, thickness and place of the border.
The shadow setting will set a shadow to the column. You can decide the color, side and width of the shadow. Also the blur can be set here.
A really cool feature will be the animation setting. Here you can decide whether you want the column with its elements to fly in, zoom in, fade in etc.
Tip: don’t overdo the animation, the readers will have too much to look at and can’t focus on what is really important.
When a column contains more content than the height of the block, the column will show navigation arrows so the reader will know there’s more to read. These navigation icons can be styled in the navigation part of the column settings.
Moving a column
Columns can be moved within the same block by clicking on the drag icon and dragging the column to the desired spot. A vertical orange bar will appear on the spot the column can be placed.
Duplicating a column
A column can be duplicated by clicking on the Duplicate icon in the orange settings bar. The new column will appear on the right site of the original column.
Deleting a column
If you need to delete an existing column, click on the trash can icon in the orange settings bar. A pop-up will appear that ask you if you are sure you want to delete the entire column. If you are sure, click on Delete and the column will be deleted permanently. Deleted columns can not be retrieved because they are not saved in any back-up.