[XB] Page Builder: Visual Constructor for Custom & Landing Page 1.0.1 1

Block reference

Use Feature card for a brief benefit, service or navigation destination.

Configure​

1. Choose Add block > Feature card.
2. Enter the required title and optional description.
3. Choose Card or Centered presentation.
4. Select an icon with the Core Library picker or enter its Font Awesome class.
5. Choose Primary, Success or Plain icon color.
6. Optionally add one button destination, style, icon and translated label.
7. Save.

The description is plain text. Separate paragraphs with a blank line.

Feature cards combine short text, an icon and an optional action.

Additional presentation and behavior settings.

Translations and layout​

Translate the title, description and button label. Icon, color, presentation and button URL are shared settings.

For three equal cards, place one in each 4/12 desktop column and use 12/12 narrow widths. Use row Stretch alignment when the design calls for equal-height columns. Review translated text lengths.

Example​

Create cards for Ask the community, Explore resources and Get started, each linking to the matching destination.

Feature cards provide a compact overview of community destinations.