This section allows you to customize the appearance and layout of custom fields displayed in your grid items. You can adjust the alignment, spacing, typography, background, and border settings to create a design that matches your overall layout.
| Control | Description |
|---|---|
| Layout Style | Choose the display style for custom fields, such as horizontal list view. |
| Custom Fields Alignment | Align custom fields to the left, center, or right. |
| Section Margin | Add outer spacing around the entire custom fields section in all directions. |
| Listing Margin | Add spacing around individual field listings in all directions. |
| Padding | Set inner spacing between the content and the listing container. |
| Typography | Adjust font family, size, weight, letter spacing, and other typographic settings. |
| Text Color | Set the default color for the custom fields text. |
| Listing Background | Choose a background color for the listing container. |
| Border Type | Select the border style for the listing container, such as solid, dashed, or none. |
Listing Icon Style #
This section allows you to style the icons used in the custom fields listings. You can adjust size, color, spacing, and background to match your design preferences.
| Control | Description |
|---|---|
| Icon Background | Set a background color for the icon container. |
| Border Type | Choose the type of border around the icon, such as solid, dashed, or none. |
| Icon Border Radius | Add rounded corners to the icon background container. |
| Icon Spacing | Adjust the space between the icon and the adjacent text or elements. |
| Icon Color | Choose the default color of the icon. |
| Icon Width | Set a fixed width for the icon container. |
| Icon Height | Set a fixed height for the icon container. |
| Icon Line Height | Adjust the vertical alignment of the icon content by setting its line height. |
| Icon Size | Define the actual size of the icon graphic itself. |
