Icon Card Deck

To add the Icon Card Deck block, click the “+” symbol and search for “Icon Card Deck”. Then select the Icon Card Deck block icon.

icon card deck search with the "+" button and icon card deck icon highlighted with a red box

The Icon Card Deck editor will open with a default of three Icon Cards with fields for an icon class, a title, and an optional description.

Editing an Icon Card Deck

To add content to a card, click on one of the cards in the deck.

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

Next, add text associated with the icon in the Title and Description fields.

A filled out Icon card in the WordPress editor.

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

The icon card deck inspector panel with link options highlighted in a red box.

To add more cards to the deck, click the plus sign at the bottom of the block editor.

icon card deck block with "+" button highlighted with a red box

Icon Card Deck Example

Explore

Find a Study Abroad experience that’s right for you.

Meet with OGE

Attend a Study Abroad event and meet with your OGE Regional Advisor

Apply

Open an application in myGUABROAD