NC25 display background image only on loginscreen

ℹ️ Support
,
7

OK I’ve hacked myself a way in. Here is how I’ve done it:

  • In the theming section of the settings remove the background
  • Copy you background to the following location in the webroot of your NC instance:
    /apps/theming/img/background/your_wallpaper.jpg
  • In the custom CSS section of theming app, use the following code:
#body-login {
  background-image: url('/apps/theming/img/background/your_wallpaper.jpg') !important;
  background-image-default: url('/apps/theming/img/background/your_wallpaper.jpg') !important;
background-size: cover;
background-position: left center;
}

.app-dashboard {
  background-image: url('/apps/theming/img/background/your_wallpaper.jpg') !important;
background-size: cover;
background-position: left center;
}

This will show your background on the login page (including password reset etc) & the dashboard panel. The top bar will have a solid color just as was the case until NC 24.

If you want to bring back more elements from the older version layout, you could use this custom CSS as well: Nextcloud 25 – “everything so round” | Arno Welzel

edit: added background-size: cover; to scale the background image better for smaller screens

1 Like