After digging into the code, I found that the kc-logo-text class only appears in the master Realm. There must be a directive somewhere in login.ftl, but it’s not obvious where it is located.
Any idea ?
for the logo inside the header banner (Keycloak 24). Also switch off the browser cache when testing the theme with modified css content. And delete the content of data/tmp/kc-gzip-cache/ in your keycloak directory after updating the css or img files.
.login-pf body {
background: #eef2fb none;
}
/* remove logo in the master realm div */
div.kc-logo-text {
background-image: none;
}
/* add your logo everywhere */
#kc-header-wrapper {
background-image: url(../img/<your logo>);
background-position: center center;
background-size:contain;
background-repeat: no-repeat;
font-size: 0; /* remove realm name text */
height: 260px;
}