How To: Icon Grid

Adding the Block

To add the Icon Grid block, click the “+” symbol and search for “Icon Grid”. Then select the Icon Grid 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