Sitebuilder has a number of pre-made blocks that make it easy to add content to your page. In some cases, you might need a block combination that is not already available.

Custom blocks allow you to create your own combinations, adding elements like images, paragraphs, videos, social media icons and more.

Go to Add Blocks > Custom Blocks and drag one of the empty grids onto your site. Your options are Grid 1x1, Grid 1x2, Grid 1x3, and Grid 1x4. You can continue adding additional rows and columns if you like.

Once your empty grid is in place, you can add elements, column and rows, or adjust your block settings.

 

Elements

Click the green plus sign in your grid to begin adding elements.

Once your element is in place, you can make customizations. A single cell can hold more than one element, so you may decide to keep adding elements to one cell instead of adding more rows and columns.

To add another element to a cell:

Hover on the top middle border of the element and click the green plus sign. This will launch the elements menu once more.

The additional element will insert above the first one. If you want to move the element, just click it to launch the toolbar and select the move icon.

NOTE: When adding elements, rows or columns, remember to preview your site to see how it will display on mobile devices. Elements that appear horizontally will stack vertically on mobile screens. The preview button is located at the bottom of the left sidebar menu.

 

Rows & Columns

You can add rows and columns to your block and continue adding them even after you've filled them with elements.

To add a new row:

Click the add row button in your block settings.

Click the highlighted area where you want to add your new row.

NOTE: When adding elements, rows or columns, remember to preview your site to see how it will display on mobile devices. Elements that appear horizontally will stack vertically on mobile screens. The preview button is located at the bottom of the left sidebar menu.

 

To add a new column:

Click the add column button in your block settings.

Click the highlighted area where you want to drop your new column.

Continue adding elements after you've created a new column. You can also hover on column borders to resize.

To delete columns, hover on the border and click the settings gear that appears at the top. Then click the trash icon.

For more Column Settings click here.