+- 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: Help to make background transparent (/t-help-to-make-background-transparent)
Help to make background transparent - Wet Fantasy - 2023-06-26
Hi all,
When viewing a movie I would like the black backround behind the bottom half of the page to be transparent so you can see more of the background image. I have tried playing around with the code but can't seem to find the right field. Can someone please tell me which line of code is responsible?
Any assistance would be greatly appreciated.
Thanks
RE: Help to make background transparent - thornbill - 2023-06-26
You need to enable backdrops by going to the User menu > Display > scroll to the Libraries section.
RE: Help to make background transparent - Wet Fantasy - 2023-06-27
Thanks a heap for your input. That got me 1 step closer. I still wanted the image to be more visible so I kept digging and found this code .backgroundContainer.withBackdrop { background-color: rgba(0,0,0,0.7); } which did what I wanted. My only issue now after making a lot of the elements transparent is they all fade in at different speeds. Is there a way to remove the fade in? or just have 1 global fade element?
RE: Help to make background transparent - cewert - 2023-06-30
(2023-06-27, 08:46 AM)Wet Fantasy Wrote: Thanks a heap for your input. That got me 1 step closer. I still wanted the image to be more visible so I kept digging and found this code .backgroundContainer.withBackdrop { background-color: rgba(0,0,0,0.7); } which did what I wanted. My only issue now after making a lot of the elements transparent is they all fade in at different speeds. Is there a way to remove the fade in? or just have 1 global fade element?
I don't have an answer to your second question but this link might help with the background and give you some other ideas of what's possible: https://jellyfin.org/docs/general/clients/css-customization/#custom-background-color
RE: Help to make background transparent - dmanov - 2024-06-01
I had the same issue, after playing around a bit, when I changed my User menu > Display > Backdrops to ON - it became better, like the person above said, but it was still very blurry.
I ended up changing the Theme and Server Dashboard Theme to something else and the transparency was fixed. Reverted back to my origianl theme (Dark) and it was working perfectly. Hope this help if someone comes by it