+- 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: Custom CSS for wrapping Cards (/t-custom-css-for-wrapping-cards)
Custom CSS for wrapping Cards - JellyNerdCutie - 2025-09-29
Hello!
I'm new to Jellyfin and migrated over the weekend from Plex. I was a long term Plex user but over the past few years their Roku app has become horrible and they have started to ignore the localized community. I migrated over to Jellyfin and love it so far. I have been playing around with themes, custom css, etc and ran into an issue I'm trying to fix.
For some reason, web-view and tv-view with my custom CSS works perfectly on a PC/Phone, but does NOT work on Roku devices. This wraps "My Media" to the edges, but on Roku. I seem to still have a left-to-right Navigation. What am I missing? Is this a limit to the Roku Jellyfin app? Any help would be great!
Example Code:
@media all and (min-width: 75em) {
.homePage .emby-scroller {
margin-right: 0;
}
.homePage .emby-scrollbuttons {
display: none;
}
.homePage .itemsContainer {
flex-wrap: wrap;
}
.homePage .itemsContainer-tv {
flex-wrap: wrap;
}
.overflowBackdropCard, overflowSmallBackdropCard {
width: 18.5vw;
}
}
RE: Custom CSS for wrapping Cards - thornbill - 2025-09-29
Custom CSS is not compatible with native apps that do not use a webview including the Android TV, Roku, and Swiftfin apps.
RE: Custom CSS for wrapping Cards - JellyNerdCutie - 2025-09-29
(2025-09-29, 09:49 PM)thornbill Wrote: Custom CSS is not compatible with native apps that do not use a webview including the Android TV, Roku, and Swiftfin apps.
Oh I see my post got moved.
So, how can I accomplish this? Oh ok, so Custom CSS no go.
Do I need to create a theme? Maybe one in the Skin Manager plugin? Or is it completely not possible without updates to the Roku App?