How to Adjust the Gap Between Fields in the Card Builder

By default, the Card Builder applies an equal gap between all fields in a card. While this default spacing works well for most designs, you may want to customize it to create a clearer visual hierarchy, improve readability, or reduce unused space.

Here’s how to take full control over the spacing between fields:

Step 1: Set Global Gap Between Fields

1. Click the Design icon in the left menu.

2. Navigate to the Advanced tab.

3. Locate the Gap Between Fields setting under the Card section.

4. Set it to 0 to remove the default equal spacing.

🧩 This removes uniform spacing between fields and allows you to define custom spacing for each field individually.

Step 2: Adjust Spacing for Individual Fields

Once the global gap is removed, you can add custom spacing where needed:

1. Go to the Custom tab in the Design panel.

2. Select the field you want to adjust (e.g., Title Field, Subtitle Field, etc.).

3. Open the Spacing section.

4. Click the Link icon to unlink the margins. This allows you to edit each side (top, bottom, left, right) independently.

5. Set the bottom margin (or top, if preferred) to your desired spacing value (e.g., 12px) to create space below that field.

🛠 You can repeat this process for other fields to create custom spacing that fits your design and content flow.

Why Customize Field Spacing?

Custom spacing allows you to:

• Group related fields more tightly

• Create breathing room around key elements like headings or buttons

• Improve visual flow and readability on all screen sizes

This level of control is especially helpful for complex cards with many fields, giving you complete freedom over how your content appears.