Adding a spacer widget

Spacers are empty objects that can be used to: push elements aside so the background of the page can becomes visible, position other elements, or add background image to the spacer itself.

1. Select the blue "plus sign" button to open the widgets panel for the section you want to add your spacer to.

Select the spacer widget.

2. The spacer height can be change by using the handles at the top and bottom of the element.

The height will also be expressed in percentages of the screen height.
Additional limitations can be set using the min and max for both height and width.
All normal settings are available: styles, classes, attributes, background, align, border, ...