How to use the Layout element?

FAQ Bild
  1. Drag the Layout element from the Main Toolbar onto your website
  2. Select the desired layout composition
  3. Select one of the following layouts from the Right Toolbar under Layout:
      • Horizontal layout:
        • The element alignment is horizontal.

        Horizontales Layout

      • Vertical layout:
        • The element alignment is vertical.

        Vertikales Layout

    • Floating block:
      • The element alignment has no fixed structure and can be positioned freely.
        Note: No additional layouts should be added to the floating block.

      Schwimmender Block

 

Align Element

You can determine the alignment of your element within a layout segment. If you click on an element within a layout segment (e.g. image or text), a context toolbar appears that lets you specify whether the element is centered, left-aligned, etc.


 

Insert Background

You can also add a background to a layout segment. To do so, select the a layout segment. In the Right Toolbar go for the Layout tab and then for Background. Click on the Pencil for Editing. You can add either a color, an image or a video. To add an image or video, click on the Pencil for Editing.
 
Hintergrund einfügen
 

Adding a Border

To add a border to a layout segment, select it, switch to the Right Toolbar and go for the Layout tab, then go for Border and click the Pencil for Editing
 
 

Define Size

You can define the size of the individual layout segments. Either as a percentage or down to the pixel. The Size tab can be found in the Right Toolbar.
 

Define Spacing

In the Right Toolbar go for the Spacing tab. Here you can define the spacing of a layout segment. Simply click on an area and enter the desired spacing in pixels.
 

 

Define Visibility

In the Right Toolbar you will find the Visibility tab. Here you can define whether a certain layout segment should be displayed on all or only specific devices.
 

Add animation

Here you can add an animation to a layout segment (or the entire layout element).

Was this answer helpful?

Related Articles

What controls are there in the Website Builder?

Main Toolbar with website elements Page Selection (drop-down menu) Template Menu (drop-down menu for changing and resetting the template) Undo...

How do I edit my website while the "Under construction" page is displayed?

While you are creating your website, you can display a "Our website is under construction" page.   You have not yet created a website Under...

How do I use the Menu element?

Use the Menu element to add navigation to your website.   Drag the Menu element from the Main Toolbar to the desired position on your website...

How do I define text styles?

Go for the Settings menu and choose Styles On the left, select the text style that you want to edit on the right. Specify Font, Size, Line...

How do I create a Landing Page?

If you have not yet created a website and need a simple landing page (one-pager), proceed as follows: From the drop-down menu New/Reset select...