• 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 Adding custom themes

     
    • 0 Vote(s) - 0 Average

    Adding custom themes

    Yamus
    Offline

    Junior Member

    Posts: 6
    Threads: 2
    Joined: 2024 Sep
    Reputation: 0
    Country:United States
    #1
    2024-09-01, 09:21 PM
    Sorry for being an ultra noob, but I just learned about Jellyfin and set it up so please bare with me. I haven't had a PC in 7 years and I just built a pretty decent one. First thing I wanted to do was set up a media server. I have ran other ones in the past, but I saw this and really wanted to try it out. 

    Anyways, I've seen some pretty cool custom themes on this forum, but I have no idea how to install them. What do I do with the @import... line that each one has under "Installation"? I'm running Jellyfin on Windows 11.
    Ted Hinklater
    Offline

    Member

    Posts: 149
    Threads: 8
    Joined: 2023 Nov
    Reputation: 22
    Country:United Kingdom
    #2
    2024-09-01, 09:28 PM
    If you click the 3 lines (burger icon) on the top left in Jellyfin and go to Dashboard, then the General tab, any lines you paste in the Custom CSS box will be used to style everyone's Jellyfin on that server, unless...

    Click your user icon on the top right, go to Display and scroll down to the CSS box there. There is an option to disable server CSS and paste your own, though it will only apply to that user on that device and on that client (I.e. Jellyfin media player, firefox etc)
    Yamus
    Offline

    Junior Member

    Posts: 6
    Threads: 2
    Joined: 2024 Sep
    Reputation: 0
    Country:United States
    #3
    2024-09-01, 10:04 PM
    (2024-09-01, 09:28 PM)Ted Hinklater Wrote: If you click the 3 lines (burger icon) on the top left in Jellyfin and go to Dashboard, then the General tab, any lines you paste in the Custom CSS box will be used to style everyone's Jellyfin on that server, unless...

    Click your user icon on the top right, go to Display and scroll down to the CSS box there. There is an option to disable server CSS and paste your own, though it will only apply to that user on that device and on that client (I.e. Jellyfin media player, firefox etc)

    Thanks for the quick response. I tried that, but when I go to my server, nothing has changed. I am testing with the "Zesty" theme from this forum. I also restarted the server after I added the line. I added the whole line exactly as it showed in the "Code" box. 

    @import url('https://cdn.jsdelivr.net/gh/stpnwf/ZestyTheme@latest/theme.css');

    I didn't follow the second part of your response, as I want it changed for all users.

    Nice MF Doom pfp btw.
    Ted Hinklater
    Offline

    Member

    Posts: 149
    Threads: 8
    Joined: 2023 Nov
    Reputation: 22
    Country:United Kingdom
    #4
    2024-09-01, 11:22 PM
    That option I mentioned to disable Server CSS (under Display Settings), that's definitely not checked/active? Also if you're in a browser, using Ctrl+F5 for a hard refresh might help.

    ps all caps when you spell the man's name :P
    Yamus
    Offline

    Junior Member

    Posts: 6
    Threads: 2
    Joined: 2024 Sep
    Reputation: 0
    Country:United States
    #5
    2024-09-02, 12:44 AM
    (2024-09-01, 11:22 PM)Ted Hinklater Wrote: That option I mentioned to disable Server CSS (under Display Settings), that's definitely not checked/active? Also if you're in a browser, using Ctrl+F5 for a hard refresh might help.

    ps all caps when you spell the man's name :P

    I can't believe I didn't try a hard refresh, although usually regular refresh will work. Looks like that did the job. Appreciate your help man. Now time to go add all my Czarface albums to my media library  Smirking-face. i

    I'll get it right next time. RIP to the LEGEND
    1
    Yamus
    Offline

    Junior Member

    Posts: 6
    Threads: 2
    Joined: 2024 Sep
    Reputation: 0
    Country:United States
    #6
    2024-09-02, 02:41 AM
    While I have you, what's the easiest way to add text to the cover of Movies on the homepage? My TV Shows says "TV Shows", my anime says "Anime", but movies appears to be just a random image from one of my movies. I see where I can edit the actual image, but how can I get it to say "Movies" on it, so it looks more uniform?

    Also, it seems like years ago, when I was playing around with KODI and PLEX, there were resources to download cool images to use, instead of just a random image. Any suggestion on that? What can I search for that will bring up something that will fit nicely there?
    Efficient_Good_5784
    Offline

    Community Moderator

    Posts: 1,167
    Threads: 3
    Joined: 2023 Jun
    Reputation: 50
    #7
    2024-09-02, 03:00 AM
    (2024-09-02, 02:41 AM)Yamus Wrote: While I have you, what's the easiest way to add text to the cover of Movies on the homepage? My TV Shows says "TV Shows", my anime says "Anime", but movies appears to be just a random image from one of my movies. I see where I can edit the actual image, but how can I get it to say "Movies" on it, so it looks more uniform? 

    Also, it seems like years ago, when I was playing around with KODI and PLEX, there were resources to download cool images to use, instead of just a random image. Any suggestion on that? What can I search for that will bring up something that will fit nicely there?
    Photoshop would be your friend here. Just edit the image to have the text over it and upload it as the library's image.
    The way it works right now is if you don't add a personal image, a random image will be picked periodically and the library's name pasted over it.
    If you add a custom image, it will be the image without the name over it.
    Yamus
    Offline

    Junior Member

    Posts: 6
    Threads: 2
    Joined: 2024 Sep
    Reputation: 0
    Country:United States
    #8
    2024-09-02, 03:46 AM
    (2024-09-02, 03:00 AM)Efficient_Good_5784 Wrote:
    (2024-09-02, 02:41 AM)Yamus Wrote: While I have you, what's the easiest way to add text to the cover of Movies on the homepage? My TV Shows says "TV Shows", my anime says "Anime", but movies appears to be just a random image from one of my movies. I see where I can edit the actual image, but how can I get it to say "Movies" on it, so it looks more uniform? 

    Also, it seems like years ago, when I was playing around with KODI and PLEX, there were resources to download cool images to use, instead of just a random image. Any suggestion on that? What can I search for that will bring up something that will fit nicely there?
    Photoshop would be your friend here. Just edit the image to have the text over it and upload it as the library's image.
    The way it works right now is if you don't add a personal image, a random image will be picked periodically and the library's name pasted over it.
    If you add a custom image, it will be the image without the name over it.

    I found that if I right-clicked on the Movie library and selected "Edit Image" and then deleted it, it pulled a better image this time, and added the "Movies" text back to it. 

    I will probably make something custom in Photoshop eventually, but I wanna get my feet wet with Jellyfin first.
    « 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