Knowledge Base

How to use the columns grid

The Website Builder editor is drag-and-drop based, meaning it is easy to place any element wherever wanted on a page. This is great, however when webpages contain lots of elements it can be difficult to keep everything aligned, if you find yourself in this position click the menu icon in the top right corner of the editor and select Column Grid Settings.

By enabling a columns grid you can set up a series of invisible vertical lines across your page which, when you drag elements, will show and the element will snap to the grid lines. Making all the various elements and objects line up on your webpage is key to having a clean easy to absorb design.

Within the Column Grid settings you can define how many columns you want and how big a gap you want between columns (i.e. the gutter).