How to use the "Floating Block" layout?
The "Floating Block" layout type is an excellent choice if you want pixel-perfect precision in your compositions. Here is how to start using one: Adding a layout:Drag and drop the layout from the main toolbar;Choose the "S1" layout composition.Changing layout to floating:Select the newly added "Layout" in the "Page Structure" section of the right toolbar;Select "Floating Block" inside the "Layout" section of the right toolbar.Customizing "Floating Block":Select "Background", "Border", or "Shadow" to adjust the visual look of the element;Use "Size" to adjust the layout size by changing "Height" and "Width", or use the lines on the borders of the element;Select an item inside the layout and use the arrow symbol to move it and the items below up or down;Drag any elements from other layouts and drop them precisely where you need them;To change the element order, select the element and choose the desired "Order" option. Note. While using the 'Floating Block' layout type, you need to adjust the composition individually for each screen — 'Wide', 'Desktop', 'Tablet', and 'Phone'.
› › ›
AI Website Builder For Resellers

How to use the "Floating Block" layout?

The "Floating Block" layout type is an excellent choice if you want pixel-perfect precision in your compositions. Here is how to start using one:

  • Adding a layout:
    1. Drag and drop the layout from the main toolbar;
    2. Choose the "S1" layout composition.
  • Changing layout to floating:
    1. Select the newly added "Layout" in the "Page Structure" section of the right toolbar;
    2. Select "Floating Block" inside the "Layout" section of the right toolbar.
  • Customizing "Floating Block":
    1. Select "Background", "Border", or "Shadow" to adjust the visual look of the element;
    2. Use "Size" to adjust the layout size by changing "Height" and "Width", or use the lines on the borders of the element;
    3. Select an item inside the layout and use the arrow symbol to move it and the items below up or down;
    4. Drag any elements from other layouts and drop them precisely where you need them;
    5. To change the element order, select the element and choose the desired "Order" option.

Note. While using the 'Floating Block' layout type, you need to adjust the composition individually for each screen — 'Wide', 'Desktop', 'Tablet', and 'Phone'.

People also found this article using these queries:

  • How do I apply the floating block layout to my design?
  • How can I change layout to floating?
  • Drag and drop layout
  • What are steps to use floating block layout?
  • Floating block
  • What is a "floating block" layout?
  • Do I need to edit each screen manually with floating block?
  • How can I change element order in floating block?
  • How to add the floating block layout?
  • I need to add floating block layout into my website.
  • I want to change my layout to floating block
  • How do I move element inside floating block layout?
  • I want to use floating block layout, how it is done?
  • What are the advantages of using the floating block layout?
  • Why to choose floating block?
  • How to use the floating block layout step by step?
  • Floating block layout
  • How do I change size of floating block layout?
  • Where can I customize floating block?
  • I want to insert floating block layout
  • How can I change element order in layout?
  • Element order
  • How to work with floating block layout?
  • What element composition is in floating block layout?
  • Floating block layout type