# \[Solved\] How does background picture resize mode work?
**URL:** https://community.thunkable.com/t/solved-how-does-background-picture-resize-mode-work/590937
**Category:** Questions about Thunkable X
**Tags:** solved
**Created:** [June 2, 2020, 5:19pm UTC](https://community.thunkable.com/t/solved-how-does-background-picture-resize-mode-work/590937 "2020-06-02T17:19:08Z")
**Posts on this page:** 12
**Page:** 1
### Author:  [@mewody](https://community.thunkable.com/u/mewody)
#### Post date: [June 2, 2020, 5:19pm UTC](https://community.thunkable.com/t/solved-how-does-background-picture-resize-mode-work/590937/1 "2020-06-02T17:19:08Z")
I put the margins and everything but when i test it in live , it doesnt work. What do I do?
---
### Author:  [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)
#### Post date: [June 2, 2020, 9:42pm UTC](https://community.thunkable.com/t/solved-how-does-background-picture-resize-mode-work/590937/2 "2020-06-02T21:42:35Z")
Hi @mewody can you share a screenshot of what properties you’re using please?
Also, can you show us a little more about what you see in the designer that’s not showing up in the live app?
Here’s an example that highlights margins. The label has a margin of 10px on all sides:
And this is what it looks line on Web Preview:
Thanks.
---
### Author:  [@mewody](https://community.thunkable.com/u/mewody)
#### Post date: [June 3, 2020, 9:15am UTC](https://community.thunkable.com/t/solved-how-does-background-picture-resize-mode-work/590937/3 "2020-06-03T09:15:16Z")
I have not tried out making everything 10px , but when i try putting margins for all the labels the go to another place instead of which place i want them to go to… I will try out they way you did it… -
I’ll try it and see if it works…
Thanks!
---
### Author:  [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)
#### Post date: [June 3, 2020, 9:44am UTC](https://community.thunkable.com/t/solved-how-does-background-picture-resize-mode-work/590937/4 "2020-06-03T09:44:10Z")
It’s hard to see because your component tree is collapsed. but based on the `scrollable` property it looks like you might be changing the margin property of the screen rather than the label?
is that the case?
---
### Author:  [@mewody](https://community.thunkable.com/u/mewody)
#### Post date: [June 3, 2020, 10:56am UTC](https://community.thunkable.com/t/solved-how-does-background-picture-resize-mode-work/590937/6 "2020-06-03T10:56:58Z")
@domhnallohanlon The problem with the live app is this- In the above picture as it is shown, I have uploaded a giphy as background for a screen, But when I live test it the giphy is just a small part of the screen and the rest is white.
Here Is how it looks like when I upload it:
And here is how it looks when I live test:
I try putting fit to page or cover option but its still doesnt work in any of the options…
@domhnallohanlon no thats not it… Im putting the margins in the labels , But my question is- When I put margins in the labels should i put space between in the column?
---
### Author:  [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)
#### Post date: [June 3, 2020, 2:01pm UTC](https://community.thunkable.com/t/solved-how-does-background-picture-resize-mode-work/590937/7 "2020-06-03T14:01:09Z")
> [@mewody](#):
>
> But when I live test it the giphy is just a small part of the screen and the rest is white.
Ah…ok. Got it.
Can you send me the background image you are using, either here or via PM, so that I can take a look for myself please?
> [@mewody](#):
>
> I try putting fit to page or cover option but its still doesnt work
I would have thought that one of these options would work, but I’d like to try it out to see if I can find the right one for you.
Thanks.
---
### Author:  [@mewody](https://community.thunkable.com/u/mewody)
#### Post date: [June 3, 2020, 2:16pm UTC](https://community.thunkable.com/t/solved-how-does-background-picture-resize-mode-work/590937/8 "2020-06-03T14:16:56Z")
@domhnallohanlon Okay! 
---
### Author:  [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)
#### Post date: [June 3, 2020, 2:25pm UTC](https://community.thunkable.com/t/solved-how-does-background-picture-resize-mode-work/590937/9 "2020-06-03T14:25:07Z")
Thanks!
How about setting the `Screen1` background image instead? It looks ok to me?
## Repeat
## Stretch
## Centre
## Contain
---
### Author:  [@mewody](https://community.thunkable.com/u/mewody)
#### Post date: [June 3, 2020, 3:14pm UTC](https://community.thunkable.com/t/solved-how-does-background-picture-resize-mode-work/590937/11 "2020-06-03T15:14:47Z")
Wow, I did the same… I think I put centre, Thanks! But I have a question If I upload the background to whatever pic or gif and if I put a background color too, will it affect anything in the gif background?
And also should I mark your reply solved? Im sorry, Im new so I don’t know much… 🙁
---
### Author:  [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)
#### Post date: [June 3, 2020, 4:47pm UTC](https://community.thunkable.com/t/solved-how-does-background-picture-resize-mode-work/590937/12 "2020-06-03T16:47:38Z")
> [@mewody](#):
>
> If I upload the background to whatever pic or gif and if I put a background color too, will it affect anything in the gif background?
The background color is “behind” the image, so you will only notice it if there are gaps, or if the image is opaque.
* * *
> [@mewody](#):
>
> should I mark your reply solved?
Yes please!
---
### Author:  [@mewody](https://community.thunkable.com/u/mewody)
#### Post date: [June 3, 2020, 4:58pm UTC](https://community.thunkable.com/t/solved-how-does-background-picture-resize-mode-work/590937/13 "2020-06-03T16:58:42Z")
Ohh Thank you! You helped a lot!! 😀
---
### Author:  [@ioannis](https://community.thunkable.com/u/ioannis)
#### Post date: [November 8, 2024, 11:28am UTC](https://community.thunkable.com/t/solved-how-does-background-picture-resize-mode-work/590937/14 "2024-11-08T11:28:48Z")