Creating a module with text on top of image

[Vincent-B (Vincent Branciforti)]

Hi everyone, I’m wondering what the best approach to get text to sit on top of an image. Here is an example of what I’m looking to achieve:

---

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

[Eli11 (Eli Shmerler)]

You can either set the background color to the parent div and give it unequal border radius with percentages. Or, place a image inside the div as a background image.

See an example here:
https://preview.webflow.com/preview/text-in-shape?utm_medium=preview_link&utm_source=dashboard&utm_content=text-in-shape&preview=40373eacf1d7b4f3fe738f64815c3489&mode=preview

[JanneWassberg]

Or ypu can use absolut position for the text

[Vincent-B (Vincent Branciforti)]

Thank you so much! The last thing I’m struggling with is getting the text to stay centered. I’m using Flex box on the Div containing the text and shape.

[Eli11 (Eli Shmerler)]

Can you share the Read-Only link?

[Vincent-B (Vincent Branciforti)]

Very weird, but I don’t see the ability to share in my dashboard. Sorry to keep bothering you, you’ve been so helpful already. This is my first attempt at a site on webflow.

[Eli11 (Eli Shmerler)]

Not sure why don’t have the share option, have you published the site already?
Additionally you can go to the project settings and you should have there on top the share option.