Overlay text over images?

Design help General
1

Hi Community,

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

Section

  • 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?

38%20PM
22%20PM

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

2

Could you provide a read only link?

3

Hi JSW,

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:

Yellow1024
Yellow10241024×786 236 KB

4

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

24
241901×916 265 KB
37
371900×915 264 KB

5

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.

29
29474×1484 48.4 KB
58
583194×1550 617 KB