Cover block in WordPress

Banner for article about Cover block in WordPress

The Cover block in WordPress allows to overlay text and other content on top of an image or video background.

The block comes with many customization options, allowing to create designs that are visually appealing and easily capture the attention of users.

Add Cover block

In WordPress dashboard:

  1. Open the WordPress editor.
  2. Click on the + Block Inserter icon to add a new block.
  3. Search for “Cover” in the search bar.
  4. Click it to add the block to the content area.
  5. Select the Cover block from the List View to reopen its Block Toolbar and Settings Sidebar.
  6. In Block Toolbar, click Add Media to upload an image or video as the background.
  7. To display text and other content on top of the background, add other blocks such as the Heading, Paragraph, or Button blocks within the Cover block.
  8. Customize the block as needed by using customization options available in Settings Sidebar.

To use a set featured image as a background in the Cover block:

  1. In WordPress editor, set featured image.
  2. Then, select the Cover block.
  3. In Block Toolbar, click Add Media.
  4. Then, click Use featured image.
Preview of selected Cover block within List View, and active Add Media option in Block Toolbar.