Modifying Block Settings

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:

Layout Tab:

  • Columns Amount: adjust the range selector to set the number of columns; the block will be divided into the same number of parts:

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

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

  • Full Height: enable the toggle to expand a block to the full height of a viewport:

Design Tab:

  • To add the 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: