How To Put Text Over An Image In Webflow
- George Apostolov
How To Put Text Over An Image In Webflow: step-by-step guide
From inside your Webflow Designer, select the area which contains your text.
Locate the Backgrounds section from the right sidebar menu and click to expand.
Click the image to change or add as a background.
Click on Choose image.
Select an image of your choice.
Adjust position and size.
You now have an image as a background to your text.
Quick answer: To put text over an image in Webflow, select the text area in the Webflow Designer, expand the Backgrounds section, and add a background image. Choose your image, adjust its position and size, and set it as the background.
About this Webflow tutorial
Add background images behind text inside the Webflow Designer by selecting your text area, expanding Backgrounds, and choosing an image. This guide shows how to put Text Over An Image In Webflow in 7 steps, starting with "From inside your Webflow Designer, select the area which contains your text" and finishing with "You now have an image as a background to your text". The interactive demo above is a click-through copy of the real Webflow interface, so you can rehearse each step before doing it in your own account.
Frequently asked questions
How many steps does it take to put Text Over An Image In Webflow?
7 steps. Each one is listed in order above, and the demo highlights exactly where to click.
Can I try it without changing my own account?
Yes. Clicking through the demo doesn't touch your Webflow data or settings. Once you know the flow, repeat it in your own workspace.
This tutorial is filed under Webflow. Related guides: How To Remove CMS From Webflow, How To Rotate Image In Webflow and How To Save Changes In Webflow. Last reviewed 05 Oct 2026.
Create your first interactive demo in minutes
No credit card required • Start building today
