Block settings

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:

1. Hover over the block. The control pane will appear.
   
   
2. Click on the “gear” icon to access the Block settings menu.

Layout

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.

Appearance

The Appearance tab is where the fun stuff happens - here you can choose the background color of your block, modify content alignment, turn the background overlay on, and many more! Let's review the features one by one.

Replace image

For blocks with a background image, you can edit or replace it in the respective section:

Block style

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:

Block spacing

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:

Content layout 

Some blocks let you choose the number of items in a row (for example, Gallery block). Simply choose the option that suits your taste:

Content style

Add a border or add shadow to make the elements stand out on the page:

Content alignment

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.

Block height

With some blocks, you can adjust their height by turning Fullscreen on and off:

Background settings 

• 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.