[Resolved] Create image overlay using custom field

[Author]

Posts

[willaL]

How to create an image overlay using dynamic sources from the custom field?
The image overlay would include an additional image and text from dynamic sources.

[Minesh]

Hello. Thank you for contacting the Toolset support.

Can you please try to follow the following Doc and check the video at top of the following page and you will get idea how to build such image overlay:
- https://toolset.com/course-lesson/creating-a-hero-section/

[willaL]

I've seen the tutorial. But that's not what I need.
The layout should be an Image background (using dynamic sources from the custom field).
When hovering, it shows the avatar and username (also using dynamic sources from the custom field).
I want the overlay to be see-through so that both images and text are visible.

Example: hidden link

[Minesh]

I think you can obviously do that.

You should add a container block and set the container block background as dynamic source custom field. You should try to follow the following steps just make sure about the container width and height:
- https://toolset.com/course-lesson/creating-a-hero-section/#add-a-full-width-section

Or alternatively, you should also check with image block:
More info:
- https://toolset.com/course-lesson/displaying-images-with-toolset/#displaying-images-with-toolset

[willaL]

Oh sorry, I didn't see the dynamic source available in the container block. Thanks