Streaming live at 10am (PST)

Container alignment inside hero section

How do I align a container inside the section so that the text overlays the same part of the background image?

This is how the text in the hero currently looks:

Current

This is how I would like it to look:

mockup-landing page


Here is my site Read-Only: Webflow - Better Meetings

Any ideas on how to do this?

Hi Steve,

Thanks for your reply, I would recommend to set the Section having the background image to a relative position and then use absolute position on the text to align that to the section.

For background images you cannot align the position, but you can put an image into a relative positioned parent element (the section) and then use absolute positioning on both the image and the text and use a different z-index value for the text and image to layer them on top of each other.

I hope this helps!