Trickplay Black Bar Issue

[ca2ju]

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.

[theguymadmax]

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.

[Efficient_Good_5784]

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;
}