How to use "Layout"?

  1. Adding layout:
    • Drag and drop layout from main toolbar;
    • Choose layout composition;
    • Add elements to your layout;
    • If you have more than one layout, you can add elements to each layout.
  2. Customising layout:
    • Position:

      Change elements position in layout. Choose from "Horizontal Layout", "Vertical Layout" or "Floating Block" in right toolbar.

    • Alignment:

      Align elements in layout by selecting alignment for that layout in right toolbar.

    • Background:

      Select layout and click background pencil.png icon in right toolbar;
      Choose your background layout colour and opacity;
      Or upload image/video:

      1. Adjust opacity;
      2. Select position, choose what position picture will start from;
      3. Select repeat options. Horizontally or vertically to have image/video repeat for horizontal/vertical position;
      4. Select "Don't scroll background" to have background at the same position;
      5. Select "Offset" to add move image/video from the starting point;
      6. Select "Auto" to have auto resized picture and select if the picture will be stretched to fit to layout or fit as it is;
      7. Select opacity, position, etc.

         

    • Duplicate:

      Add duplicate layouts by clicking on pencil.png icon on layout you want to duplicate and choose "Duplicate".

    • Borders:

      Select layout and click border pencil.png icon in right toolbar to add borders to layout and choose your width, style and colour.

    • Size:

      Adjust layout size or "Allow to adjust size automatically" in right toolbar.

  • 0 Users Found This Useful
Was this answer helpful?

Related Articles

How to use layout positioning?

  Drag & drop "Layout" from main toolbar; Choose layout composition; Select one of the...

How to create a landing page?

If you don't have a website yet: You can use the "Landing page" template; If you...

How to use background image/video?

Background can have an image/video uploaded: Option 1: Upload it as background gallery....

How to use the 'Floating Block' layout?

The “Floating Block” layout type is an excellent choice if you want pixel-perfect precision...

How to enable and customize the Maintenance page?

This page will be shown to a visitor when they try to reach any page on your website while...