How To: Full-Width Overlay

Adding the Block

To add the Full-Width Overlay Block, click the “+” symbol and search for “Full-Width Overlay”. Then, select the Full-Width Overlay block icon.

Full-width overlay block icon

Editing the Block

To edit the block, add an image in the content editor, or select a background color in the Inspector Panel and then add overlayed text.

Additional Settings

There are several settings to choose from.

First, can select the size: Default (taller) or Compact (shorter).

Full-width Overlay Block Default Image Setting
Full-width Overlay Block Compact Image Setting

Next, you can select a background color or add an image.

Full-width Overlay Block Background Color Setting
Full-width Overlay Block Add Image

If you chose an image, you can select the focal point of the image in the Inspector Panel by dragging the circle on the image preview around.

Full-width Overlay Block Select Image Focal Point