Menu

Welcome to the SiteBlocks Site Builder

HELP CENTER

Columns

Display and organize your content on your website in creative and visually appealing ways by making use of Columns. Columns allow you to display multiple elements across a single row on your page.





Add your elements to the column containers to create visually appealing content with a custom layout.





 

Adding Columns


Browse different Column layouts in the Blocks list which can be found on the main toolbar when editing your website. You can choose from different column layouts, allowing anywhere from 1 to 7 different columns in a single row. To add the column, simply drag the column into a New Block or a New Row indicated by the purple or orange ribbons respectively.




To find empty columns simply go to BLOCKS in the main toolbar and drag in a column from the pre-made Blocks list.


 

Adding Content to Columns


Columns act as containers for Elements that you can add to your page. To add a new Element to a Column, drag the element of your choice into the column from the Element List or by clicking the blue “Add Content” button in the center of the column. You can also click-and-drag pre-existing elements from your page into the column by hovering your mouse over the element to grab the element by the “ “ symbol.
If you would like to change the element in the column, removing the element from the column will allow you to add another element in its place. Simply click “Remove” in the Element Toolbar to remove the current element.

Note: You can use a Spacer element to create empty space between multiple columns in a row. Simply drag in a Spacer element from the Element List.


 

Removing a Column


You can remove a column from a row and the content will adjust to equally fill in the remaining space.


Simply click “Remove Column” in the Blue Column Toolbar to remove the current element.



If your column is empty, click the red “X” in the top right of the column to remove it. 




 

Edit Column Style


You can style your columns by adjusting the spacing, background and and creating borders for your columns in the Column Styles toolbar. To open Column Styles, this can be selected from the Column toolbar. Once you have styled your column to your liking, click “Save” to confirm your changes.


 

Go Back