# \[Solved\] I am having trouble with the background

**URL:** <https://community.thunkable.com/t/solved-i-am-having-trouble-with-the-background/488278>\
**Category:** Questions about Thunkable X\
**Tags:** solved, beginner\
**Created:** [February 27, 2020, 9:11pm UTC](https://community.thunkable.com/t/solved-i-am-having-trouble-with-the-background/488278 "2020-02-27T21:11:28Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![school\_project25](https://avatars.discourse-cdn.com/v4/letter/s/dc4da7/32.png) [@school\_project25](https://community.thunkable.com/u/school_project25)\
**Post date:** [February 27, 2020, 9:11pm UTC](https://community.thunkable.com/t/solved-i-am-having-trouble-with-the-background/488278/1 "2020-02-27T21:11:28Z")

</div>

I have tried changing the background picture before but I guess I was doing something wrong. I am using a template that already has a background but I need to change it. Can somebody help me out?

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [February 27, 2020, 9:20pm UTC](https://community.thunkable.com/t/solved-i-am-having-trouble-with-the-background/488278/2 "2020-02-27T21:20:39Z")

</div>

Greetings @school_project25! 👐  
What steps have you tried already? I wonder if you are trying to set a background photo for a row or the entire screen?

---

<div class="post-metadata">

**Author:** ![school\_project25](https://avatars.discourse-cdn.com/v4/letter/s/dc4da7/32.png) [@school\_project25](https://community.thunkable.com/u/school_project25)\
**Post date:** [February 27, 2020, 9:27pm UTC](https://community.thunkable.com/t/solved-i-am-having-trouble-with-the-background/488278/3 "2020-02-27T21:27:55Z")

</div>

I have done a few different things. One time I clicked on where it says Background Picture and tried to upload a photo and type a url. Neither showed up right. They didn’t even show up at all. Can you tell me what I am doing wrong?

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [February 27, 2020, 11:05pm UTC](https://community.thunkable.com/t/solved-i-am-having-trouble-with-the-background/488278/4 "2020-02-27T23:05:10Z")

</div>

What component background are you attempting to change. A button, row, column, list viewer, screen?

---

<div class="post-metadata">

**Author:** ![school\_project25](https://avatars.discourse-cdn.com/v4/letter/s/dc4da7/32.png) [@school\_project25](https://community.thunkable.com/u/school_project25)\
**Post date:** [February 28, 2020, 9:02pm UTC](https://community.thunkable.com/t/solved-i-am-having-trouble-with-the-background/488278/5 "2020-02-28T21:02:13Z")

</div>

I am trying to change the background of the screen. Here is what I am talking about.

 ![calendar_app_help](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/b/6b2e8ec835d1307ebf1ae03f1ce442c74f5b4b60.png)

As you can see, it is hard to read the yellow. I need to change it to a dark blue. Thanks!

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [February 28, 2020, 9:08pm UTC](https://community.thunkable.com/t/solved-i-am-having-trouble-with-the-background/488278/6 "2020-02-28T21:08:26Z")

</div>

Hi @school_project25, I see in your screenshot that you already have a background photo in place. Are you suggesting that the platform is not allowing you to modify the photo you already have set?

I wonder what format the photo you are trying to change your background to is? Have you tried just a solid color and changing back to your gradient. There is a likelihood that if you are able to modify the background to be 1 photo but not another, there may be an issue with that photo.

Can you share a link to your app?

---

<div class="post-metadata">

**Author:** ![school\_project25](https://avatars.discourse-cdn.com/v4/letter/s/dc4da7/32.png) [@school\_project25](https://community.thunkable.com/u/school_project25)\
**Post date:** [February 28, 2020, 9:16pm UTC](https://community.thunkable.com/t/solved-i-am-having-trouble-with-the-background/488278/7 "2020-02-28T21:16:47Z")

</div>

Here is the link to my app. [https://x.thunkable.com/projects/5e431808c167cc3bdd2c36f9/299d6b06-991c-42af-b609-d4886e9e0598/designer](https://x.thunkable.com/projects/5e431808c167cc3bdd2c36f9/299d6b06-991c-42af-b609-d4886e9e0598/designer)

I have tried a couple different formats of photos but didn’t work. I would like to find another gradient but a darker color. Do you think you could tell me how to add a photo into the app? Maybe I am doing it wrong. Thank you so much!

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [February 28, 2020, 9:20pm UTC](https://community.thunkable.com/t/solved-i-am-having-trouble-with-the-background/488278/8 "2020-02-28T21:20:40Z")

</div>

What[quote=“school\_project25, post:7, topic:488278”]  
I have tried a couple different formats of photos but didn’t work. I would like to find another gradient but a darker color. Do you think you could tell me how to add a photo into the app?  
[/quote]

it seems like you already know how to add photos. Or did you remix this app? Either way, add pics to your app here. On your design screen, scroll down the screen tree until you see the heading of “files”. You should be able to drag and drop any photo you want to use there

 ![Screen Shot 2020-02-28 at 4.06.36 PM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/3/735c06a0b4ad0a927e2ac128126e4762e9da84f6.png)

---

<div class="post-metadata">

**Author:** ![school\_project25](https://avatars.discourse-cdn.com/v4/letter/s/dc4da7/32.png) [@school\_project25](https://community.thunkable.com/u/school_project25)\
**Post date:** [February 28, 2020, 9:24pm UTC](https://community.thunkable.com/t/solved-i-am-having-trouble-with-the-background/488278/9 "2020-02-28T21:24:17Z")

</div>

Okay. Will it automatically go to the screen background? Thanks!

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [February 28, 2020, 9:26pm UTC](https://community.thunkable.com/t/solved-i-am-having-trouble-with-the-background/488278/10 "2020-02-28T21:26:51Z")

</div>

no. once you add the file in, then you go back to that dropdown called ‘background image’ and the image should appear there

see [this](https://x.thunkable.com/copy/92cc93eea05990f4c9cc1ae6c7cbf402)

i just set the background of the first screen to the screenshot I uploaded previously exactly as I stated above.

[![]( " - YouTube") ](https://www.youtube.com/watch?v=EoQOagybhlE)

If this helped you, please mark this as solved! Happy Thunking!

---

<div class="post-metadata">

**Author:** ![school\_project25](https://avatars.discourse-cdn.com/v4/letter/s/dc4da7/32.png) [@school\_project25](https://community.thunkable.com/u/school_project25)\
**Post date:** [March 2, 2020, 9:08pm UTC](https://community.thunkable.com/t/solved-i-am-having-trouble-with-the-background/488278/11 "2020-03-02T21:08:01Z")

</div>

Thanks! That really helps. This video shows me what to do. Your help is really appreciated!

---

<div class="post-metadata">

**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, 11:40am UTC](https://community.thunkable.com/t/solved-i-am-having-trouble-with-the-background/488278/12 "2024-11-08T11:40:40Z")

</div>


