[Resolved] Placing text ovber image in view block

[Author]

Posts

[maryD-2]

Hi, I would like to place a dynamic field in the corner of the featured images of one of my views.

An example from the showcase on toolset is here where the 'location' is shown in the top left of the images: hidden link

I imagine I need to use some css but where should I place the field and what selectors should I target?

Thanks!

[Nigel]

Hi Mary

I'd say the easiest way to do this is not to use an Image block to output the image where you will then have to wrestle with CSS to position something over the image, and instead use the Container block where you can then specify a dynamic image as the background, and you can then add content within the container (e.g. a button or single field) which you can align as required and adjust the margin or padding to get the result you need.

I suggest you try it, and if you get stuck, as for help with details of which part you are stuck with.

[maryD-2]

Thanks! I'm working on it now, but seems to work so far as long as I add a min-height for the image.

[Minesh]

Great and glad to know that solution that Nigel shared help you to resolve your issue.

You could also see the following section that may help you as well:
=> https://toolset.com/course-lesson/creating-a-hero-section/

[maryD-2]

My issue is resolved now. Thank you!