Berlin - Components | Float content

"Float content" component allows adding contents whose width exceeds width of the central column. This component can only be added inside a section (See here ).

You will find this component in the group of "Structure" components.


Setup process

1. Select the section, access the "Properties" tab and configure the component.

2. Access the "Add" tab to include all the components you need.

Properties

PROPERTY

DESCRIPTION

Lets you select from 3 possible views:
- Standard. The content protrudes a little from the central column. You can determine how much is overflowing with the additional properties "Right margin" and "Left margin".

- Full width content. The content occupies the entire width available on the screen (full screen).

- Content adjusted to central lane. The bottom of the section occupies the entire width available on the screen (fullscreen) but the content (texts, images ...) adjusts to the width of the center lane.

Background imageLets you add a background image for floating content.
Type of backgroundDefines how the image will behave (if it is repeated if it is smaller than the available space or if it is not repeated).

Background colour

This property allows adding a background colour for the float content.

Right margin

This property allows defining the end of the right margin:

  • None: The margin ends inside the central column.
  • level 1: The margin is aligned to one side of the central column.
  • level 2: The margin exceeds 50px the side of the central column.
  • level 3: The margin exceeds 100px the side of the central column.

    If we combine "Right margin" with "Left margin" property, we can apply the same settings to both sides.

Left margin

This property allows defining the start of the left margin:

  • None: The margin ends inside the central column.
  • level 1: The margin is aligned to one side of the central column.
  • level 2: The margin exceeds 50px the side of the central column.
  • level 3: The margin exceeds 100px the side of the central column.

    If we combine the "Left margin" with the "Right margin" property, we can apply the same settings to both sides.