I am pretty sure I know the answer to this already, but wanted to ask just to be 100% sure.
Is it possible to use these custom style sheets in Safari or Chrome on an iPad?
@mjollymo said:
I am pretty sure I know the answer to this already, but wanted to ask just to be 100% sure.Is it possible to use these custom style sheets in Safari or Chrome on an iPad?
Not sure of any mobile userstyle plugins. Apparently Mozilla makes this possible if youā're running Firefox on Android. Neither of which seem to fit your requirements.
addons.mozilla.org/en-US/android/addon/stylish/
While using the Plex Polished skin, when I change poster art, I have to refresh the page to be able to edit the poster again or even view the poster while onmouseover. When I mouse over a poster after changing the it, it looks like this (Inside Out).
Can you fix this? What part of the script is causing it? I can comment it out myself if I know what is doing it.
@chyron8472 said:
@wwwizzarrdryWhile using the Plex Polished skin, when I change poster art, I have to refresh the page to be able to edit the poster again or even view the poster while onmouseover. When I mouse over a poster after changing the it, it looks like this (Inside Out).
Can you fix this? What part of the script is causing it? I can comment it out myself if I know what is doing it.
The code:
.MetadataPosterCard-cardContainer-2gRcQ:hover .MetadataPosterCardFace-face--dz_D {
box-shadow: none;
transform: scale(1.02)
is what is causing it. When I comment that out, that fixes it.
@chyron8472 said:
@chyron8472 said:
@wwwizzarrdryWhile using the Plex Polished skin, when I change poster art, I have to refresh the page to be able to edit the poster again or even view the poster while onmouseover. When I mouse over a poster after changing the it, it looks like this (Inside Out).
Can you fix this? What part of the script is causing it? I can comment it out myself if I know what is doing it.
The code:
.MetadataPosterCard-cardContainer-2gRcQ:hover .MetadataPosterCardFace-face--dz_D { box-shadow: none; transform: scale(1.02)is what is causing it. When I comment that out, that fixes it.
Thatās only supposed to appear when the metadata is loading. On my system, it flips around with the poster as soon as itās done loading. Youāre using Chrome?
@wwwizzarrdry said:
@chyron8472 said:
@chyron8472 said:
@wwwizzarrdryWhile using the Plex Polished skin, when I change poster art, I have to refresh the page to be able to edit the poster again or even view the poster while onmouseover. When I mouse over a poster after changing the it, it looks like this (Inside Out).
Can you fix this? What part of the script is causing it? I can comment it out myself if I know what is doing it.
The code:
.MetadataPosterCard-cardContainer-2gRcQ:hover .MetadataPosterCardFace-face--dz_D { box-shadow: none; transform: scale(1.02)is what is causing it. When I comment that out, that fixes it.
Thatās only supposed to appear when the metadata is loading. On my system, it flips around with the poster as soon as itās done loading. Youāre using Chrome?
Firefox. Yes, it flips and loads the new poster correctly when the poster is changed, but the box for the poster goes gray(transparent?) when hovered over with the mouse. When the mouse moves away, the poster appears again.
Plex Polished 4.0 is ready. It has been updated to target the new UNO UI.
1 Like
I tried a couple tricks, but its easier said than done, at least with how I decided to get fullscreen images.
Tell me about it haha, I sat here trying things for at least a good hour or two and sadly could never come up with a complete solution.
I really wish the plex dev team would just stop making things so damn difficult to work with, or hell they should just bring back the old way of background images themselves so that we donāt have to sit here and try and hack up various ways to do it.
The closest I came for at least messing with your theme (since I havenāt even dived into updating my theme yet for UNOUI) is commenting out the
animation: move ease infinite !important;
animation-duration: 60s !important;
from div[class="PrePlayArtwork-imageContainer-3dXG6V CrossFadeImage-crossFade-10Sndv"] makes it so you canāt scroll everything off the screen at least.
And adding a position: fixed !important; to the same div makes the issue disappear completely, but then a different issue arises to where when there is a page that you can scroll you can only scroll when you are moused over certain things.
Iām sure we could find a solution eventually to remedy this problem.
animation: move ease infinite !important;
animation-duration: 60s !important;
FYI, you donāt need to edit the css anymore to do that. All you need to do is select:
Ken Burns Effect: Off from the customization menu 
Otherwise, that scroll container doesnāt bother me enough to keep tweaking it. Let me know if you get it nailed down and I can push it.
It would be great if we had some customization options in the Player settings to override the default styles.
Just a few sliders and an upload button or two to adjust the filters and urls on those background images.
eg:
Ah well Iāll remember that now xD Iāve been fiddling with it for a good day or so now and havenāt figured out a way yet, Iām about to a point where Iām just going to say screw it and live with it even if it does irk me some. Devs will probably do something down the line again anyways thatāll change up how we have to do the background stuff again anyways.
Honestly this would be soo damn nice to have, but I donāt see the plex devs ever doing something like this sadly 
1 Like
Yeah itās a shame too. This idea of theming fits perfectly with the philosophy of user customization behind UNO.
FYI, they just implemented fullscreen background images over at https://app.plex.tv
This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.
