How To Put Text Over An Image In Webflow

How To Put Text Over An Image In Webflow

1. Open Webflow: Log in to your Webflow account.
2. Select Your Project: Choose the project where you want to add the image and text.
3. Add a Section: Drag a section element onto your canvas.
4. Insert a Div Block: Place a div block inside the section.
5. Set Background Image: In the div settings, add your desired image as the background.
6. Adjust Image Settings: Set the background size to cover for full image display.
7. Add Text Block: Drag a text block into the div block.
8. Style Your Text: Customize font, size, and color in the text settings.
9. Position Text: Use flexbox or absolute positioning to place the text over the image.
10. Preview Your Design: Click on the preview button to see how it looks.
11. Publish Changes: Once satisfied, publish your project to make it live.