My media

[bacman]

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.

[TheDreadPirate]

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-probl...=flex-wrap

[bacman]

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.

[TheDreadPirate]

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.

[bacman]

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.

[TheDreadPirate]

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.

[bacman]

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?

[TheDreadPirate]

That is not possible.