Adding a Cover Block in Gutenberg

by Dec 8, 2018WordPress 5.0, Gutenberg, WordPress Tutorials - WP Tutorials

A cover block is a great option to use as a header for your content. You can add an image or video with a text overlay.

Step 1- 
Hover your mouse over the Add Block icon (the plus sign in the upper left hand corner within the Gutenberg editor). Scroll to Common Blocks. Select Cover.

Step 2-  A cover block will appear. You can either add content by uploading media content from your computer or selecting items from your media gallery.

Cover Block in Gutenberg
Choosing the Cover Block In WP 5.0- Gutenberg Editor

Step 3- Enter the text you would like to use by clicking on the text area within the block and type your text. You can also change the format of the text.

Step 4- With the sub menu that appears above the block, you change the text alignment and change the cover’s background image (select the pencil icon). The sub menu on the right, allows you to change the background color, the color opacity, etc.

cover block
Cover Block in WordPress

Copyright ByRivers Tech LLC/ WP-Tutoring.Com All Rights Reserved.

  • Get Expert WordPress Help Right Now!

  • Please enter your phone number so we can fully discuss your needs.
  • This field is for validation purposes and should be left unchanged.


Submit a Comment

Your email address will not be published. Required fields are marked *

Access Our WordPress Training Academy Videos for just $15

Get Expert WordPress Video Training for $15/month.  Updated Weekly.  Learn SEO, WooCommerce, The Block Editor, and much more.