A bit more blur

[arrbee99 1363]

I've got things like this transparent and blurry -

but things like this aren't -

I though this would work -

/* Try to make Filter and three dots dropdowns transparent and blurry */
div.formDialogContent.emby-scroller.scrollY.overflowYScroll.scrollFrameY {backdrop-filter: saturate(1.8) blur(1.5em);}
div.formDialogContent.emby-scroller.scrollY.overflowYScroll.scrollFrameY {background-color: rgba(0, 0, 0, 0.3) !important;}
/*div.formDialogContent.emby-scroller.scrollY.overflowYScroll.scrollFrameY {background-color: red !important;}*/

but of course it doesn't. I mean the third line to make it red works fine, but the proper one ( the line above doesn't) and don't get why. Unless the whole thing is rubbish.

 

 

 

[Happy2Play 7758]

Just need to go up a couple levels and you would have seen it applied via .dialog.@arrbee99

something like this

/* Try to make Filter and three dots dropdowns transparent and blurry */
div.focuscontainer.dialog {backdrop-filter: saturate(1.8) blur(1.5em);}
div.focuscontainer.dialog {background-color: rgba(0, 0, 0, 0.3);}

If you want different color change the rgba.

Edited October 15, 2022 by Happy2Play

[arrbee99 1363]

I'm getting better, I got the div bit correct...

Thanks again for putting up with me