Website Builder Complete Manual

Using the Layout tool in Website Builder

using-the-layout-tool-in-website-builder-attachment-465

This article describes how to use the “Layout” tool in Website Builder.

Adding layout

  1. Drag and drop the layout from the main toolbar: layout-drag-and-drop-website-builder
  2. Choose layout composition:                                          Choose-layout-website-builder
  3. Add elements to your layout. The type of element you want to add, select from the toolbar.
  4. If you have more than one layout you can add elements to each layout.

Customizing layout

  1. Position: Change the element’s position in the layout. Choose from “Horizontal Layout”, “Vertical Layout” or “Floating Block” in the right toolbar. layout-position-website-builder
  2. Alignment: Align elements in the layout by selecting alignment for that layout in the right toolbar.
  3. Background: Select layout and click the background and choose your background layout color and opacity or image/video, position, repeat, and size.  layout-Background-website-builder
  4. Duplicate:  Add duplicate layouts by clicking on the icon on the layout you want to duplicate and choosing “Duplicate”.                          layout-Duplicate-website-builder
  5. Borders: Select a layout and click border in the right toolbar to add borders to the layout and choose your width, style, and color. layout-Border-website-builder
  6. Size: Adjust layout size or “Allow to adjust size automatically” in the right toolbar. layout-size-website-builder

Build your own free professional website with Beehosting Website Builder.