Berlin - Components | Float content

Last modified: 3 years ago

"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 image	Lets you add a background image for floating content.
Type of background	Defines 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.