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
Linked controls sets the padding for each side of the block to be equal.
Individual Controls
Individual controls allow you to set padding for each side of the block separately.
