The Builder uses 'blocks' to add content to your site. Blocks are units that fill your website with elements like text, images, contact forms and more. Think of them as small, pre-designed layouts that help give your site an attractive, professional look.
To add blocks to your website, click Add Page Sections and select a drawer (category). Once you find a block you like, drag and drop it onto your page.
To dismiss a block drawer, click the x in the upper right.
Once your block is in place, you can begin customising it. Hover on the block to see the toolbar. The block toolbar allows you to:
- Edit Block Background
- Add Columns
- Add Rows
- Adjust Padding
- Duplicate Block
- Edit Block Settings
- Move Block Up
- Move Block Down
- Delete Block
Edit Block Background
Available block colours are based on the theme default, but you can also add an additional custom colour.
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 the 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.
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.
Use adjust padding to define the amount of space between the start and end of your content in a block.
'Duplicate Block to' allows you to re-use the current block on the same page or on another page of your site.
Edit Block Settings
'Block name' is useful for creating anchored links to your page. Select Show In Navigation to have this block name appear in the main menu of your website, similar to how a page appears.
Some blocks contain elements that can be hidden by hovering on them and clicking the X that appears.
To bring these elements back, click Restore hidden items from your settings.
Move and Delete Block
Change the order of your blocks by clicking the up/down arrows.
Click the trash icon to delete the block.