Using text over images is a great way to present content or deliver a message. It not only looks attractive but also helps convert your visitors into subscribers or customers.
In this article, I’ll show you how to add text over images in WordPress in a simple step-by-step tutorial.
While there are many methods to do this, I’ll be focusing on one simple method that can be used for various purposes.
If you’re new to WordPress or the Gutenberg editor, you’ll find this tutorial very helpful in adding text over images.
That being said, let’s get started.
How to Add Text Over Image in WordPress
To add text over an image in WordPress, we’ll be using the Cover block in the Block editor. This block comes by default in Gutenberg so you don’t have to install any third-party plugin or addon.
Here are the steps to add text over images in WordPress.
In your post editor, click on the + icon to add a new block and search for the ‘Cover’ block. You will find this block under the Media blocks as shown in the image below.
After adding the block, you’ll have to add an image for the cover. You can either select the image from your media library or upload a new one.
Once the image is added, you’ll see an option to add a title over the image. Here’s what my block looks like after adding the text.
The Cover block lets you customize the look and feel of the image and the text. In the above image, the black color of the text isn’t clearly readable because of the dark image.
To change the color of the text, click on the settings icon and you’ll find options to change the text size and color.
Here’s what the block looks like after changing the text color:
Looks much better, right?
But there’s more. The Cover block also lets you customize how your image looks. You can change the focal point of the image along with other options such as setting repeating or fixed background.
You can also change the opacity and overlay color of the image.
So, that’s how you can add text over an image in WordPress and customize it according to your needs.
Conclusion
I hope this tutorial helped you learn how to add text over an image in WordPress using the Gutenberg editor.
As you must have noticed from the tutorial, it’s very simple to do so using the Cover block. You can make a lot of customizations to make your block look the way you want.
Now, if you have any questions regarding this tutorial or WordPress in general, feel free to leave a comment below. I’d be happy to help you out with all your questions.
Also Check: