CSS Login page .login__group--icon not working

Question

Trying to adjust the original logo of the login page in the custom.css by adding the following:

/* Hide the original logo */
.login__group--icon {
  display: none;
}

/* Display an alternative logo */
.login__group--icon-container {
  background: url('./some_image.png');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 4em;
  width: 4em;
  margin-bottom: 80px;
}

This based on the following info:

https://docs.thinkwisesoftware.com/docs/sf/themes#custom-css-universal

For some reason the result is that the default icon of Thinkwise and my own are presented over one another.

Running on the latest Universal GUI 2024.3.13.0.0.

Am I missing something in here??

Best answer by Mark_Plaggenborg

@C. Lousberg I remember having the same issue sometime ago, but I seem to have added !important. This might be what you need as well:

/* Hide the original logo */
.login__group--icon {
  display: none !important;
}

Mark_Plaggenborg · Accepted Answer

​@C. LousbergI remember having the same issue sometime ago, but I seem to have added !important. This might be what you need as well:/* Hide the original logo */.login__group--icon {  display: none !important;}

C. Lousberg · Answer

​@Mark_PlaggenborgThanks! That indeed did the job!@Thinkwise: can you please update the documentation on this ? Thanks.

Sign up

Login to the Thinkwise Software Community

Scanning file for viruses.

This file cannot be downloaded