How to change login screen background image size?
# help-with-umbraco
c
V13 I need to change the background size of the new login screen image from "cover" to "contain" but I can't work out how to target it in my custom login-screen.css. I managed to change stuff that's already in the Custom CSS properties reference, but this isn't in it, like a lot of stuff. We really should be able to change the colours of all items at the very least but we can't as far as I can see. Only a select few. Please advise. Thanks
j
If you really want to make changes to the install page, you can overwrite it with your own. It is just a razor class library that holds the static pages, so if you create a new file in: website root/umbraco/UmbracoLogin/Index.cshtml Then you can copy in this file and edit the markup: https://github.com/umbraco/Umbraco-CMS/blob/8088b726b43d37a638f58641e8dc4a0077fa1b12/src/Umbraco.Cms.StaticAssets/umbraco/UmbracoLogin/Index.cshtml But be careful if they change it in new releases your copy will still overwrite their changes and will not be up to date with the standard stuff in there anymore
c
Oooh, that's good to know. I'll have a go. Thanks 🙂
Hmmm, that doesn't give you access to the html produced nor the stylesheet/css vars, so not alot of use as far as I can see, sorry. I can't understand why it has to be so complicated. Why not just allow it to respond to a normal stylesheet? It's so frustrating. The new login screen is very opinionated, which is fine if you have the option to change it sensibly, but you can't. Things are unecessarily linked together such as main title colour and button background colour. Can't change forgotten password link and hover colour. Can't change login button hover colour. Can't just have a logo without a background image. Can't change background image size, not even from cover to contain. I always brand the login screen, it's part of the front end of the site. Once you're logged in, then fine, Umbraco branding all the way. It used to be simple, why complicate it. I know the trend is to over-complicate stuff for the sake of it, but do we have to follow along blindly? So frustrating. I'm not whinging because it's changed, I'm whinging because it doesn't appear to me to have been fully thought through. Anyway, I've raised an issue: https://github.com/umbraco/Umbraco-CMS/issues/15626
j
Haven't tried it, thought if you could add your own css to be loaded on the page you could - but may be scoped in the webcomponents 🙈 Fully agree that it's a big downgrade from the old options, will give your issue an upvote!
c
Thanks Warren, but it doesn't get us anywhere near. There are too many things joined up unnecessarily, like the heading colour and button background cover, and not being able to use a logo if you don't have a background image. Jacob has responded positively to my issue so we'll see what happens 🙂
w
Yep I saw sounds like community effort needed
10 Views