Change logo size

I run nextcloud version 21.0.9 on a ubuntu server 20.04. This combination allows to modify the logo size on the login page like wclang recommends in “Change logo size on loginpage” (editing file guest.css).

This dosen’t work anymore on nextcloud version 25.0.5 (still running on a ubuntu server 20.04). I use the app “Custom CSS”. The Web-Developer Tool in Firefox shows the file guest.css (line 78) still is responsible for the logo size, but when i modify “width: 175px;” to “width: 250px” in guest.css

#header .logo {
  background-image: var(--image-logo, url('../../core/img/logo/logo.svg'));
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 175px;
  height: 130px;
  margin: 0 auto;
  position: relative;
  left: unset;
}

the size of the header logo is modified too. Firefox’s Web-Developer tools shows the code for the header logo in file “header.scss” (line 134)

#header .logo {
  display: inline-flex;
  background-image: var(--image-logoheader, var(--image-logo, url("../img/logo/logo.svg")));
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 62px;
  position: absolute;
  left: 12px;
  top: 1px;
  bottom: 1px;
  filter: var(--image-logoheader-custom, var(--background-image-invert-if-bright));
}

So, how can I modify the width of my loginpage logo without any effect on the header logo?

Kind regards, go4ncloud

#body-login #header .logo {
width: 125px;
}

1 Like

Thank’s for your help!! It works.

Kind regards, go4ncloud