All I want is a logo on the login page

[Kevin Nord]

Try creating a psuedo elem for the login title text. For more info search for psuedo css elements

Thanks I'll give it a crack this morning!

---

That doesn’t help when Jellyfin does not currently show any image there demon

Im assuming he used the minimalistic login screen which some of that code removes the logos on the login screen. So the next step is him posting his css so we can tell him what to remove or edit to fix his issue. I did not see his current issue with no logos. But thats my best guess currently. I think he used this https://jellyfin.org/docs/general/client...login-page

You are correct, I'll post my CSS here:

Code:

@import url("https://cdn.jsdelivr.net/npm/jellyskin@latest/dist/addons/compactPosters.css");

/* Make count indicator icon dark and transparent */
.countIndicator {background: #ff000058;}
/* Make watched icon dark and transparent */
.indicator { background: #ff0000 !important; }

.skinHeader,
.mainDrawer,
.emby-input,
.emby-textarea,
.emby-select,
.navMenuOption-selected,
.cardBox,
.paperList {
  background: #300000;
}
.backgroundContainer.withBackdrop,
.backdropContainer,
.backgroundContainer {
  background: #1a0000;
}
/* Backdrop Image */
.backdropImage {
  display: none;
}

.emby-input,
.emby-textarea,
.emby-select {
  border-color: #ffffff;
}

.emby-input:focus,
.emby-textarea:focus,
.emby-select-withcolor {
  border-color: #cc0000 !important;
}
.backgroundContainer {
  background-color: rgba(0, 0, 0, 0);
  background-image: url('https://ko4bep.net/img/nordflix_bg.png');
  filter: blur(10px);
  background-size: cover;
}
.pageTitleWithDefaultLogo {
    background-image: url('https://ko4bep.net/img/nordflix.png');
}
.playedIndicator {
  background: #DB202C;
}

.headerSyncButton {
  display: none;
}

div.starRatingContainer {
  display: none;
}

#homeTab
  > div
  > div.section2
  > div:nth-child(1)
  > div.sectionTitleContainer.sectionTitleContainer-cards.padded-left
  > a
  > h2 {
  display: none;
}
#homeTab
  > div
  > div.section2
  > div:nth-child(1)
  > div.sectionTitleContainer.sectionTitleContainer-cards.padded-left
  > a
  > span {
  display: none;
}
#homeTab
  > div
  > div.section2
  > div:nth-child(1)
  > div.sectionTitleContainer.sectionTitleContainer-cards.padded-left
  > a:after {
  content: 'Recently Added Movies ›';
  font-size: 24px;
  font-weight: normal;
}


#loginPage {
  background: url('https://ko4bep.net/img/nordflix_bg.png');
  background-size: cover;
}

/* Adjust both "size-adjust" and "size" to modify size */
.headerTabs.sectionTabs {
  text-size-adjust: 100%;
  font-size: 100%;
}
.pageTitle {
  margin-top: auto;
  margin-bottom: auto;
}
.emby-tab-button {
  padding: 1.75em 1.7em;
}

/* Narrow the login form */
#loginPage .readOnlyContent,
#loginPage form {
  max-width: 22em;
}

/* Hide "please login" text, margin is to prevent login form moving too far up */
#loginPage h1 {
  display: none;
}
#loginPage .padded-left.padded-right.padded-bottom-page {
  margin-top: 50px;
}

/* Hide "manual" and "forgot" buttons */
#loginPage .raised.cancel.block.btnManual.emby-button {
  display: none;
}
#loginPage .raised.cancel.block.btnForgotPassword.emby-button {
  display: none;
}

/* Size episode preview images in a more compact way */
.listItemImage.listItemImage-large.itemAction.lazy {
  height: 100px;
}
.listItem-content {
  height: 100px;
}
.secondary.listItem-overview.listItemBodyText {
  height: 61px;
  margin: 0;
}

Thanks for taking the time to reply!