+- Jellyfin Forum (https://forum.jellyfin.org)
+-- Forum: Support (https://forum.jellyfin.org/f-support)
+--- Forum: Troubleshooting (https://forum.jellyfin.org/f-troubleshooting)
+--- Thread: My media (/t-my-media)
My media - bacman - 2025-03-31
I have a few sections in "My media"; films, shows, cartoons, music, etc - too many to show on one line.
How can I show half of the sections on one line and the rest on another line so all sections show on the home page (or is there a way to display all on one page rather than having the "<>" buttons needed?
Thanks.
RE: My media - TheDreadPirate - 2025-03-31
Only if you are using a web based client. The CSS below will wrap any list instead of scrolling.
Code:
@media all {
.homePage .emby-scroller {
margin-right: 0;
}
.homePage .emby-scrollbuttons {
display: none;
}
.homePage .itemsContainer {
flex-wrap: wrap;
}
}Credit goes to this thread.
https://forum.jellyfin.org/t-small-problem-with-flex-wrap?highlight=flex-wrap
RE: My media - bacman - 2025-03-31
Sorry, I don't understand. I use Windows 10 and have Jellyfin running in my Chrome browser.
I would appreciate if you could please let me know what to do; thanks.
RE: My media - TheDreadPirate - 2025-03-31
If you only want this change to happen on your current browser go to Settings > Display. Then scroll down to "Custom CSS code" and copy and paste what I provided into that box then save.
If you want this change to happen on all clients go to Dashboard > General. Then same as before copy and paste the code I provided into "Custom CSS code" then save.
RE: My media - bacman - 2025-03-31
Excellent, many thanks, that seems to work nicely.
I have 7 items, so 4 are on the top row and 3 on the next row; although the screen is wide enough for 5 items.
Is it possible to have 5 items on the top and the 2 remaining centred on the second row, by any chance? Or have the two current rows both centred so it looks a bit smarter?
Many thanks.
RE: My media - TheDreadPirate - 2025-03-31
IIRC, 4 items is the max. I don't know enough CSS or about the CSS in Jellyfin to provide a way to override that, if it is even possible.
RE: My media - bacman - 2025-03-31
That's fine, thanks.
Is it possible therefore to have a "blank"; so you can then have "blank", "item 1", "item 2", "item 3" then on the next line, the same (blank, item 4,5,6) then next line blank, item 7?
I know of course you could have an empty section, give it an empty box and presumably call it " " so it doesn't show anything; however the blank box would be selectable which isn't what i'm after. As there is space for 5 sections but only 4 can be used, the last space is blank so if the first section can be a blank then you an centre 3 sections. Possible?
...or make the 4 sections in the row large enough to fill the row?
RE: My media - TheDreadPirate - 2025-03-31
That is not possible.