How to overlay text and images

Hi,
I am trying to make some text to overlay on a background image.
I have created a Section and set it to Relative Position.
Then I added a Container.
And next I placed an Image into the Container.
Lastly I add a Text Block and try to drag it into the Container where the image is.
But the Text Block is stuck at the top edge of the Container and not able to be drag any where.

Attached is the simple layout I made for the above case.

Regards,
KC


Here is my public share link: LINK
([how to access public share link][2])

1 Like

Hi @cheekc,

Definitely good question, and thanks for providing the link :smile:

There are a number of ways to do this, but one way is to place the image and text within an element (div), set the position of that element to relative, then set the position of the text to absolute.

I quickly recorded my screen to show you what it could look like: https://drive.google.com/file/d/0BynZs0dQwPd_Uk1xR1ZILVlWeHc/view

Hopefully this helps :blush:

Thanks,

  • Micah
1 Like

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.