# YnM Media & YnM Login (Jellyfin 10.10.7 & KeyCloak 26.2.0)

**URL:** <https://forum.ynm.hu/t/ynm-media-ynm-login-jellyfin-10-10-7-keycloak-26-2-0/291>\
**Category:** YnM Media\
**Tags:** php, jellyfin, js, keycloak, css\
**Created:** [2025. április 20. 17:33 UTC](https://forum.ynm.hu/t/ynm-media-ynm-login-jellyfin-10-10-7-keycloak-26-2-0/291 "2025-04-20T17:33:26Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![markus](https://forum.ynm.hu/user_avatar/forum.ynm.hu/markus/32/3_2.png) [@markus](https://forum.ynm.hu/u/markus)\
**Post date:** [2025. április 20. 17:33 UTC](https://forum.ynm.hu/t/ynm-media-ynm-login-jellyfin-10-10-7-keycloak-26-2-0/291/1 "2025-04-20T17:33:26Z")

</div>

- In the Jellyfin administration UI, under **“General”** , there is a **“Branding”** section. In that section, add the following code in the **“Login disclaimer”** block:

1. **Login to Jellyfin** as an admin.
2. Click on the ⚙ **Admin Dashboard** (or “System Settings”) in the top right corner.
3. In the sidebar, go to **General**.
4. Scroll down to find the **Branding** section.
5. In the **Login disclaimer** box, paste the desired HTML or text.
6. Save the changes by clicking the **Save** button at the bottom.

This will add your custom login disclaimer or code to the Jellyfin login screen.\*

**Login disclaimer**

```auto
<form action="https://media.ynm.hu/sso/OID/start/Media">
  <button class="raised block emby-button button-login-sso">Login SSO</button>
</form>

<a href="https://login.ynm.hu/realms/master/login-actions/reset-credentials?" class="raised block emby-button button-forgot">Forgot Password SSO</a>

<a href="https://ynm.hu" class="raised block emby-button button-home">
 <span class="material-icons home" aria-hidden="true"></span> <span>YnM.Hu</span>
</a>

```

**Custom CSS code**

```auto
.loginDisclaimerContainer {
  display: -webkit-flex;
  display: inline-table;
  width: 100%;
  height: max-content;
  margin-top: 2em;
}
.raised.emby-button {
  padding: 0.9em 1em;
  color: #fff !important;
  text-align: center;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
  display: block;
  width: 100%;
  margin: 0.25em 0;
  font-weight: bold;
}

/* Színek */
.button-login { background-color: #4CAF50; } /* Zöld */
.button-quick { background-color: #8B4513; } /* Barna */
.button-login-sso { background-color: #2196F3; } /* Kék */
.button-forgot { background-color: #F44336; } /* Piros */
.button-home { background-color: #00BCD4; } /* Cián */

/* Hover effektek */
.raised.emby-button:hover {
  opacity: 0.85;
}

.material-icons.home {
  vertical-align: middle;
  margin-right: 0.3em;
}

```