+- Jellyfin Forum (https://forum.jellyfin.org)
+-- Forum: Support (https://forum.jellyfin.org/f-support)
+--- Forum: Themes & Styles (https://forum.jellyfin.org/f-themes-styles)
+--- Thread: Cleaner way tz show more columns on the home screen? (/t-cleaner-way-tz-show-more-columns-on-the-home-screen)
Cleaner way tz show more columns on the home screen? - Iskelderon - 2025-09-09
I'm using the hack at the bottom to show more columns on the home screen in conjunction with disabled scrolling, but it always feels kinda "wrong" and not as clean as it could be.
I only use a Full-HD screen and a 1600px laptop, so I never bothered diving deeper into adjusting the CSS.
Any ideas?
Thanks in advance!
Code:
@import url('https://cdn.jsdelivr.net/gh/stpnwf/ZestyTheme@latest/theme.css');
@import url('https://cdn.jsdelivr.net/gh/stpnwf/ZestyTheme@latest/colorschemes/gray.css');
/* Disable scrolling of home cards */
@media all and (min-width: 50em) {
.homePage .emby-scroller,
#specialsCollapsible .emby-scroller,
#musicVideosCollapsible.emby-scroller,
#scenesCollapsible.emby-scroller {
margin-right: 0;
}
.homePage .emby-scrollbuttons,
#specialsCollapsible .emby-scrollbuttons,
#musicVideosCollapsible .emby-scrollbuttons,
#scenesCollapsible .emby-scrollbuttons {
display: none;
}
.homePage .itemsContainer,
#specialsCollapsible .itemsContainer,
#musicVideosCollapsible .itemsContainer,
#scenesCollapsible .itemsContainer {
flex-wrap: wrap;
}
#specialsCollapsible .overflowBackdropCard,
#musicVideosCollapsible .overflowBackdropCard,
#scenesCollapsible .overflowBackdropCard {
max-width: 12.4vw !important;
}
/* Show 6 columns on home screen */
.layout-desktop .homeSectionsContainer .overflowBackdropCard,
.layout-desktop .verticalSection.section1 .card.overflowBackdropCard,
.layout-desktop .verticalSection.section2 .card.overflowBackdropCard,
.layout-desktop .verticalSection.section3 .card.overflowBackdropCard,
.layout-desktop .verticalSection.section4 .card.overflowBackdropCard,
.layout-desktop .verticalSection.section5 .card.overflowBackdropCard,
.layout-desktop .verticalSection.section6 .card.overflowBackdropCard,
.layout-desktop .homePage .overflowBackdropCard {
width: 19.0em !important;
}