Skip to Main Content

Basic Card

Add the Card block from the Block library.

Location of the Card block

A preview of the Card block should appear.

Preview of the Card block in Gutenberg

Card Images

To add an image to your Card block, click ‘Choose an image’ on the right sidebar in Block settings.

Option to add an image

Upload your image or select an existing image from the Media Library.

Uploading or selecting image for the Card block
Card block with image

Body Content

The Card uses Innerblocks for it’s body content.  You can add additional block in the card by clicking the plus ( + ) button on the lower right.

Adding additional blocks to the Card block

You can also remove blocks by clicking Delete in the block option.

Deleting blocks inside the Card block

By default, the Card Block comes with a:

  • Heading Block for the Card Title
  • Paragraph Block for the summary of the card