Equalize
Allows you to equalize the height of specific content within a row, or throughout your page.
- Match the height of two or more items
- Vertically center content within specific Equalize child stacks
Example
Header
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet adipiscing ligula eleifend egestas vitae, nibh ante quis quis dolor sed.
Header
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.
Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac lorem ipsum massa aliquet.
Header
Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Lorem Ipsum felis aliquet egestas vitae. Ac massa aliquet nibh ante quis quis dolor sed mauris.
Using Equalize
General
Group
This setting specifies which group of child stacks that this parent will affect. If you wish to use more than one group per page you'll need multiple parent stacks. Our tutorial video above covers the aspect of groups.
Equalize by Row
By default the Equalize stack affects grouped items when they are in the same row only. Disabling this check box will allow the parent stack to determine the height of all Equalize child stacks page-wide instead of just just on a row-by-row basis.
Equalize Item
Group
This setting specifies which group that this child stack belongs to. Our tutorial video above covers the aspect of groups.
Vertical Center
Enabling this feature will vertically center the content within this Equalize Item.