background image on the login page, is it possible?

[gueburah 0]

hello!
I'm looking for the css to add a background image on the login page, I have tried to modify it and search the forum, but I can't

thank you very much for your help

v. 4.8.10.0

[Happy2Play 9814]

What have you done?

As there are a few topics on this as methods have changed a couple of times.  

But currently you are not required to edit the html page anymore.

div.view-startup-manuallogin {
    background-image: url(https://imgur.com/eGfYBvk.jpg);
}

Also depends on which login screen you are talking about also.

Edited January 6, 2025 by Happy2Play

[gueburah 0]

2 hours ago, Happy2Play said:

What have you done?

As there are a few topics on this as methods have changed a couple of times.  

But currently you are not required to edit the html page anymore.

div.view-startup-manuallogin {
    background-image: url(https://imgur.com/eGfYBvk.jpg);
}

Also depends on which login screen you are talking about also.

 

perfect, thank you very much!!!!

[Baenwort 119]

On 1/6/2025 at 3:56 PM, Happy2Play said:

What have you done?

As there are a few topics on this as methods have changed a couple of times.  

But currently you are not required to edit the html page anymore.

div.view-startup-manuallogin {
    background-image: url(https://imgur.com/eGfYBvk.jpg);
}

Also depends on which login screen you are talking about also.

Is there a way to direct it at a locally hosted file? I like the idea and the simplicity but I don't want to rely on an external image host nor setup another host just to serve one image.

[Happy2Play 9814]

5 hours ago, Baenwort said:

Is there a way to direct it at a locally hosted file? I like the idea and the simplicity but I don't want to rely on an external image host nor setup another host just to serve one image.

Ideally you just create a script to create a custom subfolder within /system/dashboard-ui/Custom-images/ and copy images into that folder with every update.

Or copy into existing theme folders.

Like here where I copy/replace logo with a script and/or tool to replace existing default image with my colored image.

 

Edited July 14, 2025 by Happy2Play

[visproduction 336]

12 hours ago, Baenwort said:

Is there a way to direct it at a locally hosted file? I like the idea and the simplicity but I don't want to rely on an external image host nor setup another host just to serve one image.

BW, 
Try making a background image in some area that few people see, like in a movie library / Folders / 3 dots / Add image

Once you have a new image, then go to that poster thumbnail:  3 Dots / Right click / Open in New Window

Then use the URL link for this image from emby/... and leave off the &quality=70

Set you css code to look like this:
 

 background-image:  url(../emby/Items/4076/Images/Backdrop/3?tag=91b36f14d99cfbd46ecccc19d31f329a);

This way, the background will stick and you won't have to update it when the Emby version update happens.