# How to change start screen background (solved)

**URL:** <https://narrat.discourse.group/t/how-to-change-start-screen-background-solved/208>\
**Category:** Help\
**Created:** [14 May 2024 16:45 UTC](https://narrat.discourse.group/t/how-to-change-start-screen-background-solved/208 "2024-05-14T16:45:46Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Mitchell\_Radspinner](https://yyz2.discourse-cdn.com/free1/user_avatar/narrat.discourse.group/mitchell_radspinner/32/307_2.png) [@Mitchell\_Radspinner](https://narrat.discourse.group/u/Mitchell_Radspinner)\
**Post date:** [14 May 2024 16:45 UTC](https://narrat.discourse.group/t/how-to-change-start-screen-background-solved/208/1 "2024-05-14T16:45:46Z")

</div>

Sorry if this is stated elsewhere but I couldn’t find it. How do I direct a screen image to be used for the start screen? I can’t seem to figure out where any of the start screen/new game screen information is stored.

---

<div class="post-metadata">

**Author:** ![PinkPenguin](https://yyz2.discourse-cdn.com/free1/user_avatar/narrat.discourse.group/pinkpenguin/32/302_2.png) [@PinkPenguin](https://narrat.discourse.group/u/PinkPenguin)\
**Post date:** [15 May 2024 01:32 UTC](https://narrat.discourse.group/t/how-to-change-start-screen-background-solved/208/2 "2024-05-15T01:32:19Z")

</div>

Are you referring to the curtain or the Start Screen with Menu popup?

For the curtain:

Simply change the background for default in your screens.yaml.

For the Start Screen with Menu popup:

You can hack it with your main.css (there might be a more elegant way though).

```auto
#game-menu {
  background-image: url("imagePath");
}

```

---

<div class="post-metadata">

**Author:** ![Mitchell\_Radspinner](https://yyz2.discourse-cdn.com/free1/user_avatar/narrat.discourse.group/mitchell_radspinner/32/307_2.png) [@Mitchell\_Radspinner](https://narrat.discourse.group/u/Mitchell_Radspinner)\
**Post date:** [15 May 2024 01:47 UTC](https://narrat.discourse.group/t/how-to-change-start-screen-background-solved/208/3 "2024-05-15T01:47:43Z")

</div>

> [@PinkPenguin](#):
>
> ```auto
> #game-menu {
> background-image: url("imagePath");
> }
> 
> ```

was referring to the menu pop-up screen and this did just the trick. If there is a way to do it in screens that’s all well and good but this solves the problem for me thanks!

---

<div class="post-metadata">

**Author:** ![PinkPenguin](https://yyz2.discourse-cdn.com/free1/user_avatar/narrat.discourse.group/pinkpenguin/32/302_2.png) [@PinkPenguin](https://narrat.discourse.group/u/PinkPenguin)\
**Post date:** [15 May 2024 01:53 UTC](https://narrat.discourse.group/t/how-to-change-start-screen-background-solved/208/4 "2024-05-15T01:53:45Z")

</div>

Glad I could help 🙂

If you ever need any help, just let me know. I’m finally starting to get the hang of this framework.