Block: Cover

This is a left aligned cover block with a background image.

The cover block lets you add text on top of images or videos.

This blocktype has several alignment options, and you can also align or center the text inside the block.

The background image can be fixed and you can change its opacity and add an overlay color.

Make sure that the text wraps correctly over the image, and that text markup and alignments are working.

The next image should have a pink overlay color, the text should be bold and aligned to the left:

A center aligned cover image block, with a left aligned text.

This is a full width cover block with a fixed background image with a 20% opacity.

Make sure that all the text is readable.

Our last cover image block has a wide width.

This is a wide cover block with a video background.

Compare the video and image blocks.
This block is centered.

The block below has no alignment, and the text is a link. Overlay colors must also work with video backgrounds.

About the Author

review Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Bibendum at varius vel pharetra. Vulputate eu scelerisque felis imperdiet proin fermentum leo. Eget est lorem ipsum dolor sit amet. Velit sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Elit ut aliquam purus sit amet luctus venenatis lectus magna. Et malesuada fames ac turpis. Risus sed vulputate odio ut enim. Mollis aliquam ut porttitor leo. Venenatis tellus in metus vulputate eu scelerisque felis imperdiet. Aliquet bibendum enim facilisis gravida neque convallis a cras semper. Mauris rhoncus aenean vel elit scelerisque mauris pellentesque pulvinar pellentesque. Cursus euismod quis viverra nibh cras pulvinar mattis nunc sed. Tortor id aliquet lectus proin nibh. Et ligula ullamcorper malesuada proin libero.


Deprecated: str_contains(): Passing null to parameter #1 ($haystack) of type string is deprecated in /app/web/wp/wp-includes/comment-template.php on line 2686

Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>