How to change the background image on 4.9.1.90

[MediaEmby1968 47]

So, how to change the background image on the home screen and settings only, using CSS for server version 4.9.1.90

[Happy2Play 9780]

9 hours ago, MediaEmby1968 said:

So, how to change the background image on the home screen and settings only, using CSS for server version 4.9.1.90

You have to target something specific to those pages.

You can simplify with div.homeSectionsContainer and div.settingsContainer for Home Screen and App Settings.

/* Add backdrop - Home and Settings only */
div.homeSectionsContainer, div.view-settings-settings div.settingsContainer {background-image: url("https://wallpapercave.com/wp/wp11259304.jpg");background-size: cover;}

Looks like the settings page will need different code as "cover" puts image off the page as there is over different code per pages.

Edited December 14, 2025 by Happy2Play
targeting App Settings page only

[MediaEmby1968 47]

Thanks, it worked, although adding a comma between the section commands and removing the last `background cover` code was necessary. That code was causing the image to be visible in some parts and only partially visible in others because it was zoomed in.

Thanks again.

 

div.homeSectionsContainer, div.view-settings-settings, div.settingsContainer {background-image: url("https://wallpapercave.com/wp/wp11259304.jpg");}

 

[MediaEmby1968 47]

@Happy2Play I've noticed that the image moves when I scroll. It looks like this. Is there any way to make it stay fixed, like it did in the other version?

 

 

[Happy2Play 9780]

38 minutes ago, MediaEmby1968 said:

@Happy2Play I've noticed that the image moves when I scroll. It looks like this. Is there any way to make it stay fixed, like it did in the other version?

 

 

div.homeSectionsContainer, div.view-settings-settings, div.settingsContainer {background-image: url("https://wallpapercave.com/wp/wp11259304.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}

 

[MediaEmby1968 47]

I just fixed it; I was going to write what I found. It's by adding the code at the end.

 

background-attachment: fixed;

As always, thank you so much for everything.

[KobayashiM 27]

I implemented the above but for some reason the background eventually disappeared on the settings page.

So instead I referenced  div.backgroundContainer which seemed to hit all the pages. The second div reference I had added previously so I left it as-is.

/* ----------------------------- CUSTOM BACKDROP ---------------------------------*/
div.backgroundContainer, div.view-startup-manuallogin {
background-image: url("/web/modules/themes/custom-images/poster-bg-4k-dim-10.jpg");
}

[MediaEmby1968 47]

@Kobayashi M

Thank you so much, it looks much better now; it appears in all the settings and home sections.

One question: I can't find this path /web/modules/themes/custom-images/. The web folder is supposed to be the same as this path /usr/lib/emby-server/dashboard-ui/modules/ but shortened, or something like that. That path is for Linux, in case you see something different.

Edited January 9 by MediaEmby1968

[KobayashiM 27]

11 minutes ago, MediaEmby1968 said:

@Kobayashi M

Thank you so much, it looks much better now; it appears in all the settings and home sections.

One question: I can't find this path /web/modules/themes/custom-images/. The web folder is supposed to be the same as this path /usr/lib/emby-server/dashboard-ui/modules/ but shortened, or something like that. That path is for Linux, in case you see something different.

No prob. I'm running Emby 4.9.1.90 containerized in Unraid. In my case, /web = /app/emby/system/dashboard-ui

[MediaEmby1968 47]

OK, thanks a lot