Using the Layout tool in Website Builder

Last modified: Thursday November 30th, 2023

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

Adding layout

  1. Drag and drop the layout from the main toolbar: Using the Layout tool in Website Builder layout drag and drop website builder 1024x125
  2. Choose layout composition:                                          Using the Layout tool in Website Builder choose layout website builder 1024x773
  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. Using the Layout tool in Website Builder layout position website builder 1024x424
  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.  Using the Layout tool in Website Builder background website builder 1 1024x414
  4. Duplicate:  Add duplicate layouts by clicking on the icon on the layout you want to duplicate and choosing “Duplicate”.                          Using the Layout tool in Website Builder 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. Using the Layout tool in Website Builder border website builder 1024x415
  6. Size: Adjust layout size or “Allow to adjust size automatically” in the right toolbar. Using the Layout tool in Website Builder layout size website builder 1024x451

Build your own free professional website with Beehosting Website Builder.

Was this article helpful?
Views: 230

10 Years Beehosting!
Celebrate with 70% OFF + FREE Site Transfer.

Facebook Instagram linkedin

Beehosting.pro website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Menu