What Are Blocks?

A block is a ready-made section of a website layout, such as a Banner, Footer, Pricing, or Contacts section, which you can use to build your website:

With blocks, you don't have to add every single button, icon, photo, or menu option to your web page by hand. These larger building blocks of a web page layout common to all web sites are preconfigured for you. Select your Header, Footer, Banner, or Menu from the library of ready-made blocks, drag and drop it onto an available placeholder and modify it to suit your needs.

Adding Blocks

Blocks can be added easily from the left-hand sidebar menu:

Moving Blocks

Blocks can be moved by clicking In the "Move Blocks" panel that appears on the right:

Resizing Blocks

To resize a block, hover over it and click the size control that appears at the very bottom of the block:

Then drag the size control upwards or downwards to resize the block. This displays the height of the padding on either side of the block, upper or lower:

Deleting Blocks

To delete a block, hover over it and click "Delete":

The block will immediately disappear.

Duplicating Blocks

To duplicate a block, click "Duplicate" in the right-hand floating sidebar that appears:

Modify Settings of a Block

To modify the layout and design of a block, hover over it with the mouse cursor and click the Settings icon in the right-hand floating sidebar that appears:

Layout Tab:

  • Columns Amount: drag to set the number of columns:

  • Fluid Container: enable the toggle to control block width size and create the fluid container:

  • Align Vertically: select to vertically align elements of the layout (maps, buttons, text, and header elements) inside the block:

In other words, select the Align Vertically control to place the elements into the center of the block:

Design Tab:

  • Background Photo:

  • Drag and drop the new background image into the Background Photo box. You will immediately see the new background:

Alternatively, click the Background Photo box to open the Upload Image dialog and locate the image on your machine:

  • Drag and drop the image into the Drag & Drop frame
  • Or click inside the Drag & Drop frame to open the Upload from Your Computer dialog and select the image to upload: