Blocks in our Sitebuilder are highly customizable. Almost any element can be changed - block background, content alignment, blocks spacing etc. You choose the way your site will look!
This tutorial will walk you through every setting that can be modified in the Block settings menu.
Accessing the Block settings menu
To access the Block settings menu:
- Hover over the block. The control pane will appear.
- Click on the “gear” icon to access the Block settings menu.
In the Layout section, you can fully switch the block layout or hide some of the block elements. To fully switch the block layout, simply click the respective button and select a new block content layout:
To hide a specific block element (for example, if you want to remove a button), remove the blue tick next to its name:
Do not forget to click Save after all the changes are applied.
The Appearance tab is where the fun stuff happens - here you can choose the background color of your block, modify content alignment, turn background overlay on, and many more! Let's review the features one by one.
Choose the color scheme of the block - you will be able to choose the colors from your site's color palette along with black and white:
By adding space between blocks, you can avoid your site feeling cluttered. Ultimately, visitors want to be guided through information effortlessly and whitespace makes this easier for them. Adjust whitespaces of a block - you can change the top indent and the bottom one:
Some blocks let you choose the number of items in a row (for example, Gallery block). Simply choose the option that suits your taste:
Add border or add shadow to make the elements stand out on the page:
You can customize the horizontal and the vertical content alignment of various blocks. This will move content to a side or up/down/center depending on what you choose.
With some blocks, you can adjust their height by turning Fullscreen on and off:
- Add B&W filter: check this option to make the block content (images and videos) turn black and white.
- Add overlay: check this option to add a semi-transparent overlay to the block background image. You can also adjust the overlay opacity.
Once you are done customizing the block appearance, do not forget to click Save.