Add Text Over Image

How To Add Text Over Image in Elementor

Share This Post...

Add Text Over Image in Elementor may be useful when creating a professional website for your business. Many website designs have text over an image to look great and attract an audience.

This task can be accomplished in many ways, here you will see how to do this task using Elementor.

So the first thing that you have to do is install elementor on your dashboard.

Adding Text over a background image:

  • Go to the editing section and create a new structure.
  • From the style section > choose background type to classic.
  • Choose the image on which you want to display the text.
Add Text Over Image in Elementor
  • From the advanced settings, increase the padding to increase the size of the image.
  • Now from the elements, drag and drop the heading over the image.
Add Text Over Image in Elementor image 2
  • You can also change the various properties of the heading like;  size, style, alignment, and more.
  • To change the alignment of text on the image goto positioning >> Set position to absolute >> Adjust horizontal and vertical alignment.
Add Text Over Image in Elementor image 3

Adding text over Any image:

  • Drag and drop an image widget over the structure and select the image to apply the text.
  • Drag and drop the text widget over that image.
Add Text Over Image in Elementor image 4
  • Go to the advance setting option, unlink the margin property, and apply a negative to change the position of the text over an image. 
Add Text Over Image in Elementor image 5
  • Select a z-index number.

This is how you can add the text over an image using Elementor.

Share This Post...
Table of Content
Add Text Over Images in Elementor
Learn how to place stylish, responsive text over images using Elementor. Perfect for hero sections, banners, and calls-to-action—no coding needed.

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *