Skip to main content

Set up column card height behavior

Rodrigo avatar
Written by Rodrigo
Updated over a week ago

If you're using columns on your site pages you can easily control the column card height behavior for the column items on your site pages.

This setting only applies if you're using card/split/overlay style on your page section.

Introduction

When you apply a card/split/overlay style to a collection of items in columns, each card can either have a unique height based on its content or be unified to match the height of the tallest card.

Unified card heights

Unique card heights

Setting up column card height behavior

You can set both global and per-section card behavior options on your account.

Setting up global behavior

Global behavior will be the default behavior Podia will use whenever a new section is added to your page.

Changing global options won't affect existing page sections using custom settings.

Here's how to set up global card behavior options across your site:

  1. From your Podia dashboard, click on Website in the sidebar menu.

  2. Select Edit site.

  3. Click on the Design menu at the top.

  4. Click on Structure from the left-hand menu.

  5. Under the Cards section, select the global Card collection height option you'd like to use for your site.

    • Unified card heights: cards will be unified to match the height of the tallest card

    • Unique card heights: each card will have a unique height based on its content

Setting up per-section behavior

You can also configure the card height behavior on a per-section basis. This will override the default settings you might have set up for your site.

This setting only applies if you're using the Card style on your page section.

Here's how to set up per-section card behavior:

  1. Navigate to the page section for which you want to set a card height behavior. Click on it to bring up its editing menu.

    This option will just be available for columns/grid page sections.

  2. From the left-hand menu, navigate to the Design tab.

  3. If you haven't already, apply the Card/Split/Overlay Style option to your page section.

    Controlling the column height behavior only applies if you're using the Card/Split/Overlay style on your page section.

  4. Once a supported style is selected, the Collection card height option will appear.

    Click on it and select the option you'd like to use for this specific page section.

FAQ & Troubleshooting

I'm not seeing a "Card collection height" option... HELP!

If you're not seeing a "Card collection height" option, this means you're probably not using a Card/Split/Overlay style option for your page section.

Controlling the column height behavior only applies if you're using a Card/Split/Overlay style on your page section.

Make sure you're using the Card/Split/Overlay Style option in your page section and the card collection height option will appear.

How do buttons interact with a unified card height setting?

When using the unified card height option, the tallest card will determine the height of all cards, but button heights will not be adjusted and may vary.

To make button heights consistent, you can add extra line spacing in the text area for individual items.


Still need help?

If you have any questions, send an email to hello@podia.com or click the purple help icon to send us a message 😄

Did this answer your question?