Applicable Packages
Lite Plus Max Shop

The spacer component, whose option icon is shown in figure 1, lets you force content in neighbouring columns to line up.

Figure 1. the spacer option icon

Without the spacer component, content of different lengths in neighbouring columns would end at different positions, as shown in figure 2, where one colour block is shorter than the other.

Figure 2. columns without spacers

By using the spacer component, the shorter colour block expands to the same height as the logner colour block, as shown in figure 3.

Figure 3. columns with spacers

Using spacers

In edit mode, spacer components are indicated with spacer bars, as shown in figure 4.

Figure 4. spacer bars in two columns

Outside of edit mode the spacers will adjust their heights so that the bases of spacers in neighbouring columns line up. This also means that the tops of any content following the spacers will line up.