In this article, you will learn how to put text on an image in Elementor. The first thing you need to do is create a new page and start editing it with Elementor. Added a new column and option code Style add a background image. Next, set the options Position, Attachment, Repeat and Size, as it suits you and how you want to see the image. After that, you add a title to the column and an image with text will appear.
Once you've done that, you need to stylize the text so it fits better with the image. After you have styled the text, you go to the option Advanced, to set which part of the image you want to be displayed. Adjust the spacing or margin of the text, specifically in this example the margin is set for above and below the text and when you do that you get an image like this.
You can also set the animation of the text, how it is displayed when the page loads, this is set in the code Motion Effects under option Entrance Animation. You can further stylize the text by framing it, adding a shadow to the frame, and so on. In order for the frame, and the image, to look better, we will delete the margin and set the text spacing. To make it all look even better, you can set the background of the text to have a color but be transparent like in this example. Below is an example of the image you can get with these settings.
You can set up an image like this quite quickly and easily, with different elements, this example uses a title that has a transparent black background and frame, as well as a drop shadow. You can see the final rendering of the image with the animation by saving the page and clicking on Preview Changes in the lower left corner next to the button Publish.
In the image above you can see a partial view of what the animation might look like. I hope that this text was useful for you and that you learned something new, if you are interested in reading more tips for independent work, you can check them out on our blog, and in case you want to consult with professionals, click on this one Link.
Source: youtube
