• Login
  • Register
  • Login Register
    Login
    Username/Email:
    Password:
    Or login with a social network below
  • Forum
  • Website
  • GitHub
  • Status
  • Translation
  • Features
  • Team
  • Rules
  • Help
  • Feeds
User Links
  • Login
  • Register
  • Login Register
    Login
    Username/Email:
    Password:
    Or login with a social network below

    Useful Links Forum Website GitHub Status Translation Features Team Rules Help Feeds
    Jellyfin Forum Support Themes & Styles log in customization

     
    • 0 Vote(s) - 0 Average

    log in customization

    trouble with an element
    Para Apps
    Offline

    Junior Member

    Posts: 4
    Threads: 1
    Joined: 2025 Feb
    Reputation: 0
    #1
    2025-02-27, 05:03 AM
    Hey, so im trying to customize my log in page and looks like this [Image: qeRU4tt] i selected "Por Favor, inicie sesion"

    How can i get rid of it?



    This is my Custom CSS login section

        #loginPage:after {
            background: url(https://galacticbikes.com/wp-content/upl...r-36.jpg);
            background-size: cover;
            content: "";
            filter: blur(2px);
            height: 100vh;
            left: 0;
            position: fixed;
            top: 0;
            width: 100vw;
            z-index: 1
        }
        .padded-left.padded-right.flex.align-items-center.justify-content-center {

            background-image: url(https://blogger.googleusercontent.com/im..._=s16000);

            background-size: contain;

            padding-bottom: 30px;

            height: 500px;

            background-position: center;

            background-repeat: no-repeat;

        }
        #loginPage:before {
            content: "";
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5); /* 10% de oscuridad */
            z-index: 1;
        }
       
        #loginPage>div {
            left: 50%;
            max-width: 50vw;
            min-width: 40vw;
            padding: 0 !important;
            position: absolute;
            top: 50%;
            bottom: 50%;
            transform: translate(-50%, -50%);
            z-index: 2
        }
       
        #loginPage #divUsers {
            flex-wrap: nowrap;
            justify-content: flex-start;
            overflow: auto
        }
       
        #loginPage #divUsers .card {
            width: 30%
        }
       
        #loginPage #divUsers .card .cardBox {
            box-shadow: none !important
        }
       
        #loginPage .emby-button {
            background: transparent;
            border: .2em solid
        }
       
        #loginPage .emby-button:after {
            all: unset !important
        }
       
        #loginPage .emby-button:focus-visible,
        #loginPage .emby-button:hover {
            background: hsla(0, 0%, 100%, .2)
        }
       
        #loginPage .checkboxOutline {
            background: transparent !important;
            border: .152em solid #fff !important
        }
       
        #loginPage .emby-input:focus,
        #loginPage .inputLabelFocused {
            border-bottom-color: #fff !important;
            color: #fff !important
        }
       
        .layout-mobile #loginPage>div {
            max-width: 85vw;
            width: 85vw
        }
    LeviSnoot
    Offline

    Junior Member

    Posts: 20
    Threads: 3
    Joined: 2023 Sep
    Reputation: 1
    Country:Sweden
    #2
    2025-03-14, 05:55 PM
    Code:
    #loginPage .visualLoginForm > h1:first-child {
    visibility: hidden;
    }

    Code:
    #loginPage .visualLoginForm > h1:first-child {
    display: none;
    }

    Either of these will get rid of it but display: none; may mess with padding.
    To explain what this does, it selects the first h1 element inside the visualLoginForm div on the login page, which is where the text you want to hide resides. This could change in future versions of Jellyfin, so keep an eye out when updating. As the element does not have a distinct class name, we have to select it from its parent div.
    JF Server Specs:
    • CPU: Intel Core i5-11400
    • Motherboard: ASRock H510M-ITX/ac
    • RAM: G.Skill 16GB (2x8GB) Value 2666MHz CL19 DDR4
    • PSU: Silverstone SX300-B 80+ Bronze SFX
    • OS: Debian 12
    • JF: 10.10.6
    « Next Oldest | Next Newest »

    Users browsing this thread: 1 Guest(s)


    • View a Printable Version
    • Subscribe to this thread
    Forum Jump:

    Home · Team · Help · Contact
    © Designed by D&D - Powered by MyBB
    L


    Jellyfin

    The Free Software Media System

    Linear Mode
    Threaded Mode