When working within the Content Parsys all web components must first be placed inside of a Section Component
The height adjuster helps make card components the same length. Use this tool to keep your layout balanced when cards have different amounts of content.
Click within a section component to insert new components.
Tip: Place the Height Adjuster component above or near the group of items you want to equalize.
The Height Adjuster component works by setting the height of desired components to match the tallest one.
This helps your layout look clean and balanced, especially when placing multiple cards or sections side by side.
Setting the ID on the Cards
After setting a CSS Class name and a Minimum Height in the Height Adjuster component, you’ll need to apply that same class name to each Card (or other component) you want to match.
Steps to apply the class to each component:
Click anywhere on the component that needs its height adjusted (such as a Card).
Click the wrench icon to open Configure mode.
In the CSS Class field, enter the exact class name you used in the Height Adjuster.
Click the check mark to save your changes. To cancel without saving, click the X.
All components using that class name will be adjusted to match the height you set.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse congue euismod nibh, eu bibendum eros. Pellentesque eu gravida risus. Sed vel tempor ipsum. Integer pellentesque dignissim ex ac gravida.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse congue euismod nibh, eu bibendum eros. Pellentesque eu gravida risus. Sed vel tempor ipsum. Integer pellentesque dignissim ex ac gravida.
Vivamus porta risus et dui tempus porttitor. Sed cursus porta tortor, ac semper ante ultrices quis. Ut lobortis lobortis commodo. Phasellus diam quam, posuere vitae maximus sed, tincidunt sit amet metus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse congue euismod nibh, eu bibendum eros. Pellentesque eu gravida risus. Sed vel tempor ipsum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse congue euismod nibh, eu bibendum eros. Pellentesque eu gravida risus. Sed vel tempor ipsum. Integer pellentesque dignissim ex ac gravida.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse congue euismod nibh, eu bibendum eros. Pellentesque eu gravida risus. Sed vel tempor ipsum. Integer pellentesque dignissim ex ac gravida.
Vivamus porta risus et dui tempus porttitor. Sed cursus porta tortor, ac semper ante ultrices quis. Ut lobortis lobortis commodo. Phasellus diam quam, posuere vitae maximus sed, tincidunt sit amet metus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse congue euismod nibh, eu bibendum eros. Pellentesque eu gravida risus. Sed vel tempor ipsum.