Block: Cover

Home 🏌️‍♂️ News 🏌️‍♂️ Block

This is a left aligned cov­er block with a back­ground image.

The cov­er block lets you add text on top of images or videos.

This block­type has sev­er­al align­ment options, and you can also align or cen­ter the text inside the block.

The back­ground image can be fixed and you can change its opac­i­ty and add an over­lay col­or.

Make sure that the text wraps cor­rect­ly over the image, and that text markup and align­ments are work­ing.

The next image should have a pink over­lay col­or, the text should be bold and aligned to the left:

A cen­ter aligned cov­er image block, with a left aligned text.

This is a full width cov­er block with a fixed back­ground image with a 20% opac­i­ty.

Make sure that all the text is read­able.

Our last cov­er image block has a wide width.

This is a wide cov­er block with a video back­ground.

Compare the video and image blocks.
This block is cen­tered.

The block below has no align­ment, and the text is a link. Overlay col­ors must also work with video back­grounds.

Leave a Reply

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