Help

[calle]

Hello
I'm brand new to the forum and I'm just starting to get to grips with Jellyfin.
I have seen in the forum that you can change / pimp the surface individually and I would like to learn how to do that.

Can you briefly tell me where I have to copy what?

Thank you
calle

[Ted Hinklater]

Hello
I'm brand new to the forum and I'm just starting to get to grips with Jellyfin.
I have seen in the forum that you can change / pimp the surface individually and I would like to learn how to do that.

Can you briefly tell me where I have to copy what?

Thank you
calle

Hello! I like to use Notepad++ to write the code, it shows you each line number which is helpful when there are hundreds of lines. I also like to use Firefox because it has the Style Editor.

For this specific example:  If you want to capitalize and make red the titles in only the Gallery and only on desktop (not mobile or TV), press Ctrl+Shift+C in the Gallery and click on a title.



You can see the div we want is called "cardText cardTextCentered cardText-first" so we can add this to the Custom CSS box (found in Dashboard > General)

Code:

.cardText.cardTextCentered.cardText-first {
    text-transform: uppercase;
    color: red;
}

That changed all the titles to red, on every page, not just the in gallery and not just on desktop like the plan; we need to be more specific, so we add the id found here



and specify that this should only affect Desktop users, so our code becomes...

Code:

.layout-desktop #moviesTab .cardText.cardTextCentered.cardText-first {
    text-transform: uppercase;
    color: red;
}

There is more than that but this is the very basic idea of how it works.