Cover

[Snipy2k4]

Hi,

I have the following problem:

When I want to change the primary cover for a movie or series or season and a cover has dimensions of 1000 × 1426, as is often the case with TMDB, Jellyfin cuts off part of the left and right edges when replacing it, so that the image is not displayed in full in the overview.

How can I prevent this?

I currently have version 10.10.7 installed, and it doesn't matter whether I'm watching via the browser, the Windows app, the LG TV app, or FireTV. The covers are always scaled incorrectly, so that something is missing on the sides.


Regards, Snipy2k4

[Jarrod Jaiz]

Not really related to the topic you asked. But what application or software do you usually use to design cover photos?

[Snipy2k4]

Not really related to the topic you asked. But what application or software do you usually use to design cover photos?

I don't create images myself; I take them from TMDB.

[Snipy2k4]

Does anyone have any idea how I can fix this?

[Snipy2k4]

It can't be that I'm the only one who notices this and no one has a solution?!

[Snipy2k4]

I think it's a shame that no one wants to or can help.

[Ted Hinklater]

Code:

#itemDetailPage .detailImageContainer .card.portraitCard img,
#itemDetailPage .detailImageContainer .card.portraitCard .cardImageContainer {
    object-fit: contain !important;
    width: 100% !important;
    height: 100% !important;
    background-size: contain !important;
    background-position: center !important;
}

#itemDetailPage .detailImageContainer .card.portraitCard .cardBox:not(.visualCardBox) .cardPadder {
background-color: transparent;
}

Can you give that a try? It should force posters (portraitCard) to show their full width. Currently it crops the sides if they're not tall enough.

[Snipy2k4]

I can try that if you tell me which file I need to put it in.

Does that count for the main and series covers?

Thank you

[Ted Hinklater]

It should target all tall covers ("portraitCard") on the item detail page.

You just go to your Dashboard > Branding > CSS, and paste that code in, and click Save at the bottom

[Snipy2k4]

This does not work for the overview on the main page and in the libraries.

However, it does work if you click on the series, then it no longer cuts off the edges.