The Cover block displays an image or video that you can add text and other content on top of — great for headers and other banner-style displays. Our guides will show you how to use the Cover block to give any page or post a sleek, professional look.
In this guide
Have a question?
Ask our AI assistantUse the Cover block to place text and other content on top of a background image, video, or solid color. It works well for page headers, section banners, calls to action, and hero areas that introduce a page.
You can add a heading, buttons, or any other block over the background, then adjust the overlay, height, and focal point so your text stays readable against the image or video behind it.
The following guides cover everything you can do with the Cover block:
- Add a banner to your site: How to add a Cover block and choose the image, video, or color to display.
- Add content to a banner: How to place text, buttons, or other blocks on top of your banner.
- Style a banner: How to add an overlay, adjust the aspect ratio, and apply a border, shadow, or focal point.
- Customize a banner’s layout: How to change the alignment, content position, and other layout settings.
