Streaming live at 10am (PST)

How to overlay text and images


#1

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])


#2

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


#3

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