• 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 General Questions Help with Custom CSS for an 'Announcement' message to be displayed in top banner?

     
    • 0 Vote(s) - 0 Average

    Help with Custom CSS for an 'Announcement' message to be displayed in top banner?

    SimplifyAndAddCoffee
    Offline

    Junior Member

    Posts: 9
    Threads: 6
    Joined: 2023 Aug
    Reputation: 0
    Country:United States
    #1
    2023-08-09, 07:51 PM (This post was last modified: 2023-08-09, 09:11 PM by SimplifyAndAddCoffee. Edited 1 time in total.)
    I found a thread with info on how to do this a while back on reddit but it is gone now or I can't find it. 

    I want to inject prominent text at the top of the home/library pages e.g. "The Server will be Offline Aug 12-14 for maintenance" etc to notify users of upcoming changes or expected outages. 

    How can I accomplish this in the most simple manner (using the Custom CSS Code field in General settings)

    EDIT: I figured it out, so here's the answer for anyone else searching for it:

    Code:
    .skinHeader::after {
        content: "NOTICE: This is your Notice Text. Thank You For Noticing.";
        display: block;
        position: relative;
        background-color: gold;
        color: #000;
        text-align: center;
        padding: 10px 0;
        font-weight: bold;
    }

    This creates a yellow banner below "Home" and "Favorites" on the main library pages, with black text for your message. Edit text and colors to your liking.
    1
    xaque
    Offline

    Member

    Posts: 76
    Threads: 1
    Joined: 2023 Jun
    Reputation: 3
    Country:United States
    #2
    2023-08-10, 02:26 AM
    Very nice, I'll definitely be using this in the future if I can work it into the current css I'm using. Cool idea and very useful indeed.
    wayne
    Offline

    Junior Member

    Posts: 6
    Threads: 2
    Joined: 2024 Mar
    Reputation: 0
    #3
    2024-11-10, 12:10 PM
    Super cool. Works great with one little issue.
    Tha banner is visible in the media player on top of all the footage.
    Any ideas?
    daYMAN007
    Offline

    Junior Member

    Posts: 1
    Threads: 0
    Joined: 2025 Jan
    Reputation: 0
    #4
    2025-01-20, 11:35 AM (This post was last modified: 2025-01-26, 05:55 AM by daYMAN007. Edited 1 time in total.)
    The solution I cooked up some years ago should still work:
    https://www.reddit.com/r/jellyfin/commen..._to_users/
    1
    Klakh
    Offline

    Junior Member

    Posts: 2
    Threads: 0
    Joined: 2024 Dec
    Reputation: 0
    #5
    2025-01-26, 09:26 PM
    Thanks so much for this <3
    « 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