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, ...

In this example you can see the spacer pushing the two textboxes aside to make the background visible. This can create a nice effect when used in combination with waypoints.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us