# Photo with text overlay **URL:** \ **Category:** Questions about Thunkable X\ **Created:** [May 28, 2021, 10:16pm UTC](https://community.thunkable.com/t/photo-with-text-overlay/1314073 "2021-05-28T22:16:21Z")\ **Posts on this page:** 9\ **Page:** 1
**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\ **Post date:** [May 28, 2021, 10:16pm UTC](https://community.thunkable.com/t/photo-with-text-overlay/1314073/1 "2021-05-28T22:16:21Z")
I think this should be pretty easy to do but I haven’t had much luck with z-value positioning. Does anyone have a demo of how to overlay text on top of an image in the legacy interface? Something like this: ![Image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/4/944cd8bd62dab2d76499be9cf286d9a67f79be52.jpeg) Ideally, I want to overlay a button on top of a photo. ---
**Author:** ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)\ **Post date:** [May 28, 2021, 10:28pm UTC](https://community.thunkable.com/t/photo-with-text-overlay/1314073/2 "2021-05-28T22:28:50Z")
Yes. Will mock something up later if you need but short answer: Make the top thing absolute positioning and high Z level. (Find in advanced properties.) ---
**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\ **Post date:** [May 28, 2021, 10:56pm UTC](https://community.thunkable.com/t/photo-with-text-overlay/1314073/3 "2021-05-28T22:56:58Z")
Thanks. I’ll try that. ~~Here’s my latest attempt: [Thunkable](https://x.thunkable.com/copy/219f65be66b1a05d1b50934ba1bfaf6f)~~ Edit: Oh, I think that did it @catsarisky. A little better: [Thunkable](https://x.thunkable.com/copy/f6acec33f25eed5d14a7842dad62af40) ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/e/de385e5f22ef081ff00e1a92c09d0155304de520.jpeg) ---
**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\ **Post date:** [May 28, 2021, 11:07pm UTC](https://community.thunkable.com/t/photo-with-text-overlay/1314073/4 "2021-05-28T23:07:51Z")
Woo! Got it: [https://x.thunkable.com/copy/4f3d331daaa2871361296ec7ad03c596](https://x.thunkable.com/copy/4f3d331daaa2871361296ec7ad03c596) ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/a/4/a4b85adf9b78fe0fb7de016f801365a83bfb24ea.jpeg) I had to adjust the `ZIndex` and `EdgeOffsets` in the Advanced properties of the button (magnifying glass): ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/6/46c746f565cfde647f7ea5761deb1aceaca2bd6b.png) ---
**Author:** ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)\ **Post date:** [May 28, 2021, 11:48pm UTC](https://community.thunkable.com/t/photo-with-text-overlay/1314073/5 "2021-05-28T23:48:43Z")
There ya go! Those edge offsets are relative to the container they’re in, so you can get clever with putting things in the same container as well. That’s how I got Poodles to Paris to overlay all those labels and images. ---
**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\ **Post date:** [May 29, 2021, 2:36am UTC](https://community.thunkable.com/t/photo-with-text-overlay/1314073/6 "2021-05-29T02:36:21Z")
I did figure that out but it took a moment. I’m surprised I needed a negative value for the bottom property. I would have thought it works more like the padding property. ---
**Author:** ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)\ **Post date:** [May 29, 2021, 2:38am UTC](https://community.thunkable.com/t/photo-with-text-overlay/1314073/7 "2021-05-29T02:38:39Z")
Interesting - that doesn’t match my memory from using it a couple weeks ago… ---
**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\ **Post date:** [May 29, 2021, 3:09am UTC](https://community.thunkable.com/t/photo-with-text-overlay/1314073/8 "2021-05-29T03:09:42Z")
Oh, it works the same with a positive number. I probably shouldn’t be using negative numbers there. 🙂 ---
**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\ **Post date:** [November 8, 2024, 1:22pm UTC](https://community.thunkable.com/t/photo-with-text-overlay/1314073/9 "2024-11-08T13:22:14Z")