Actors' display on detail page

[HappyCactus]

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!

[Efficient_Good_5784]

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

[Ted Hinklater]

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

[HappyCactus]

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)

[Ted Hinklater]

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

[HappyCactus]

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 !!!