Icon Info

To add an Icon Card Deck block, search for “Icon Card Deck” in the block search or locate the Icon Card Deck block under “Card Deck”. Select the Icon Card Deck block.

The icon card deck icon outlined in red under the block search bar.

The Icon Card Deck editor will open with a default of three Icon Cards. To add more cards, click the plus sign at the bottom of the block editor.   

View of an Icon Card with the plus sign outlined in red, signifying where the user to where one can add an icon card to the deck.

To customize the number of cards in a row, use the card deck inspector panel to the right.

View of the block’s setting with the number Cards per Row on the block being customized.

To add content to a card, click on one of the cards in the deck. Inside of the card you can add the Icon class, Icon Text, and an optional Caption.

Content being filled out on an icon card block, including icon class, icon text, and icon caption.

You can search for different icon options from the Font Awesome Icon list. Once you’ve found an icon you like, copy the class name and paste it into the Icon Class field.

Add text associated with the icon in the Icon Text field.

To create a link using the icon, click on the card and go to the inspector panel on the right. Toggle the “Clickable icon” option on and add your URL in the text box below.

View of the Icon Card block settings with the clickable icon link option outlined in red.

Icon Card Deck Example

School of Foreign Service

Undergraduate School focused on International Studies

School of Nursing & Health Studies

Undergraduate School focused on Medical Studies

Georgetown College

Undergraduate School focused on Liberal Arts