Overlay text over images?

Hi Community,

I am trying to put text over an image within a section. Let me share my steps:


  • 2 Columns
    a. Column 1
    b. Container inside column 1
    c. Image inside container/column
    d. Text on top of image — Image is then pushed down

How do I overlay the text on the image?


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

Could you provide a read only link?


Here is my link: https://preview.webflow.com/preview/kehoe?utm_medium=preview_link&utm_source=designer&utm_content=kehoe&preview=076ac7da0c1579593d8639207aa97a3f&mode=preview

I’m hoping to make my content look like:

Set the position for the textblok to absolute. and use flexbox for container 17 to allign it as you wich24 37

Hi Kaitlin,

Here is what I did:

  1. Change column 1 left padding to 0px.
  2. Select the “professional: Hi” and set the position to absolute.
  3. Then set the z-index to 1.

That’ll put the text on top of the image. You could also play around with the margin’s on the text block to set its positioning.