The image overlay block adds a highly customizable image menu option to the new editor.
To get started setting up the image overlay on your site, follow the below tutorial:
Select the Image Overlay Block from the blocks list:
Select your background image:
Set the link and hover effect for your overlay block:
Set your image overlay titles:
Adjust your hover overlay settings:
Adjust your border settings:
Set the alignment of your titles:
Customize your title font:
Configure a divider between your title and subtitle:
Linked controls sets the padding for each side of the block to be equal.
Individual controls allow you to set padding for each side of the block separately.