How to add text to an image on Elementor.

Looking to add text over images on your WordPress site? Adding a text caption to featured images lets you add some context to your posts and also appear visually appealing.

In this blog, we are going to show you, how to add text over the images in Elementor so let get into it.

Create a Page and Add a new section to the Page

To Create a page go to the WordPress dashboard > pages > add new

After the page is created it’s time to add a section to it. To Add the Section Click on the ‘ + ’ Icon.

Now select any structure you like according to your need. We are choosing the plain one for now.

After that click on the Edit Section icon in the section which brings up the edit section pane to the left.

Insert the image to the background of the section

Click on the Style tab of the Edit Section and expand the “Background” dropdown. Select the Background Type as “Classic”. Now, click on the “+” icon in the image attribute to add an image to the section.

Upload the Image

Click on the Upload Files tab in the Insert Media Pane and select the image you want to Upload.

Once uploaded give it a proper title and alternate text and then click on the” Insert Media “ Button.

Adjust the image positioning.

To do this, we need to open up the Edit Section panel. Click on the Style tab and open the Background dropdown. Change the Position to “Center Center”, Repeat to “No-Repeat” and Size to “Cover”.

Add a Text Section

Now that the image is added, we will now add some text over it, and for that, we will click on the “+” symbol, then add sections panel will appear to the left. From there you can add any section you want to overlay over the image.

Here we are choosing the Heading Section for the sake of visibility. Now drag and drop the “Heading” to the section. A text section will appear over the image.

Write the text on the Image

Now Click on the Content tab in the edit section, write your text in the title attribute.

After this, set the Alignment to the “Center” so that the text is centered at the middle of the section.

I have added some text to my image and here is a preview of it.

Part - 2: Beautify your widget

To add the button & heading in different styles like this – please check the part 2 of this article

Conclusion

Alright! Now you know how to add text over an image in Elementor. We hope this guide has helped you. If you have any questions feel free to or Contact us we are happy to help. K2 blocks is a WordPress plugin developed by Pookidevs. You can contact us for custom plugin development at our Official site.

🚀 Introducing Our New Slack HR Bot: Effortlessly Track Attendance Within Slack! - Learn More

How to add text to an image on Elementor.