Jellyfin Forum
Actors' display on detail page - Printable Version

+- Jellyfin Forum (https://forum.jellyfin.org)
+-- Forum: Support (https://forum.jellyfin.org/f-support)
+--- Forum: Themes & Styles (https://forum.jellyfin.org/f-themes-styles)
+--- Thread: Actors' display on detail page (/t-actors-display-on-detail-page)



Actors' display on detail page - HappyCactus - 2024-06-14

Hi !

Jellyfin's recent updates have changed the actors' display on the details page (formerly rectangular, now circular). I wish to revert back to rectangles since these circles often crop out those poor actors on whom I added a picture manually. Sadly, CSS (and coding in general) is not my strong suit, and I have attempted to tweak this by myself, but to no avail. Could a kind soul help me out ?

Thanks in advance!


RE: Actors' display on detail page - Efficient_Good_5784 - 2024-06-14

Which client? Are you using one of the built-in web client themes? Did you previously add custom CSS?


RE: Actors' display on detail page - Ted Hinklater - 2024-06-14

Sound like you might be using one of the built-in themes like Purple Haze


RE: Actors' display on detail page - HappyCactus - 2024-06-14

I am indeed using the Purple Haze theme (which suits me just fine). I added some slight modifications of my own (mainly to get rid of the purple background so that background pictures can be displayed properly)


RE: Actors' display on detail page - Ted Hinklater - 2024-06-14

(2024-06-14, 07:08 PM)HappyCactus Wrote: I am indeed using the Purple Haze theme (which suits me just fine). I added some slight modifications of my own (mainly to get rid of the purple background so that background pictures can be displayed properly)

Code:
#itemDetailPage .personCard .cardScalable {
  border: none !important;
}

#itemDetailPage .personCard .coveredImage {
  clip-path: none;
  height: 13em;
  top: -0.5em;
  left: 1.4em;
  width: 9em;
}

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

#itemDetailPage .cardOverlayContainer {
  background: transparent;
}

That'll rectangularize the cast & crew again


RE: Actors' display on detail page - HappyCactus - 2024-06-16

(2024-06-14, 08:10 PM)Ted Hinklater Wrote:
(2024-06-14, 07:08 PM)HappyCactus Wrote: I am indeed using the Purple Haze theme (which suits me just fine). I added some slight modifications of my own (mainly to get rid of the purple background so that background pictures can be displayed properly)

Code:
#itemDetailPage .personCard .cardScalable {
  border: none !important;
}

#itemDetailPage .personCard .coveredImage {
  clip-path: none;
  height: 13em;
  top: -0.5em;
  left: 1.4em;
  width: 9em;
}

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

#itemDetailPage .cardOverlayContainer {
  background: transparent;
}

That'll rectangularize the cast & crew again

Thank you very much !!!