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.

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).


Next, you can select a background color or add an 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.
