Skip to main content
Solved

CSS Login page .login__group--icon not working


C. Lousberg
Captain
Forum|alt.badge.img+4

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;
}

 

View original
Did this topic help you find an answer to your question?
This topic has been closed for replies.

2 replies

@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;
}

 


C. Lousberg
Captain
Forum|alt.badge.img+4
  • Author
  • Captain
  • 42 replies
  • January 10, 2025

@Mark_Plaggenborg Thanks! That indeed did the job!

 

@Thinkwise: can you please update the documentation on this ? Thanks.


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings