+- Jellyfin Forum (https://forum.jellyfin.org)
+-- Forum: Support (https://forum.jellyfin.org/f-support)
+--- Forum: General Questions (https://forum.jellyfin.org/f-general-questions)
+--- Thread: How to change Home screen sections globally? (/t-how-to-change-home-screen-sections-globally)
How to change Home screen sections globally? - nameuser - 2025-01-09
Hello. I was wondering if it's possible to change the Home screen sections globally.
I already know you can do it per user.
I viewed this site: https://jellyfin.org/docs/general/clients/css-customization/ , which asked you to insert this command into the custom css page.
div.nextUpSection {
display: none;
}
It doesn't work, but other customizations do work, which verifies that css customization works, but just not with this command.
I've also had success with modifying main.jellyfin.bundle.js , which affects settings globally, but I just can not find anything related to modifying Home screen section.
By the way what I'm trying to achieve is to at least remove Next Up section, and maybe move Continue watching to the most bottom. That would achieve everything I need.
Thanks for your time.
RE: How to change Home screen sections globally? - Efficient_Good_5784 - 2025-01-10
This CSS does work to hide the section 2 of whatever is in the homepage.
From my homepage, "Next Up" is section 2 which I believe is the default.
Code:
.verticalSection.section2.emby-scroller-container {
display: none;
}RE: How to change Home screen sections globally? - nameuser - 2025-01-10
Thanks but this also doesn't work. By the way I'm on the second newest version 10.10.2 , maybe the code is different in the newer versions or something?
RE: How to change Home screen sections globally? - Efficient_Good_5784 - 2025-01-10
I'm not aware of any changes for this in v10.10.3.
You probably have your homepage set up a bit differently.
You can try messing around with selecting a different section on the homepage by using your browser's dev tools.
On Chrome-based browsers, you can click "ctrl+shift+c" to enter the element picker which will open up the dev tools view and jump to whatever CSS you're hovering over or click on.
Also make sure you're saving the CSS in the dashboard section.
The CSS section in the client settings only applies to that client and nobody else.
RE: How to change Home screen sections globally? - nameuser - 2025-01-10
Found them. Thanks for the tip! Though I hope this doesn't mess with other stuff, but I can't notice anything wrong. edit: I think it will mess up the sections if you have set them anything other than default... But that's ok for now, if there are no other options.
div.verticalSection.section1.emby-scroller-container{
display: none;
}
div.verticalSection.section5.emby-scroller-container{
display: none;
}
RE: How to change Home screen sections globally? - Efficient_Good_5784 - 2025-01-10
Just keep in mind if any of your other users have anything they want in section 5, they won't be able to see it unless they use CSS to bring it back.
It's possible to move around items in a section in the client settings, so your users may not have their "Next Up" in section 5.
As a note in case you didn't know, I believe section 1 is the "currently watching" section that only appears when you stopped watching something midway.
RE: How to change Home screen sections globally? - nameuser - 2025-01-10
Oh well deleting this css then.
So is there really no option in the server's javascript for this? To select default sections.
If you can change options globally from .js like the backdrop which is only selectable from user settings, then there must be a way for this as well...