+- Jellyfin Forum (https://forum.jellyfin.org)
+-- Forum: Support (https://forum.jellyfin.org/f-support)
+--- Forum: Troubleshooting (https://forum.jellyfin.org/f-troubleshooting)
+--- Thread: Trickplay Black Bar Issue (/t-trickplay-black-bar-issue)
Trickplay Black Bar Issue - ca2ju - 2024-11-08
Jellyfin Version: 10.10.0
Installation Method and Platform: Ubuntu Server
Hi everyone, can someone explain to me how to remove this black bar with the scene number on the trickplay image? I looked for posts here in the forum about this and didn't find any.
RE: Trickplay Black Bar Issue - theguymadmax - 2024-11-08
Code:
.chapterThumbText, .chapterThumbName {
display: none;
}On the homepage of the web UI, click your user profile in the top right corner, select "Display," and enter that in the Custom CSS code section.
RE: Trickplay Black Bar Issue - Efficient_Good_5784 - 2024-11-08
You can also use this code to make that overlay smaller and give it a design (along with the trickplay container):
Code:
.chapterThumbTextContainer {
width: fit-content;
margin: 0 auto 9px 9px;
position: absolute;
border-radius: 12px !important;
padding: 0px 5px 0px 4px;
backdrop-filter: blur(6px);
background: rgba(0,0,0,.5);
}
.chapterThumbContainer,
.chapterThumbWrapper,
.sliderBubble {
border-radius: 12px !important;
}
h2.chapterThumbText {
font-size: 1.7em;
font-weight: 450;
padding: .15em 0;
}
.chapterThumbText {
font-size: 1.4em;
padding: .15em 0;
}
.chapterThumbText-dim {
opacity: 1;
}