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.
