Riggs 300 Posted September 2, 2018 Share Posted September 2, 2018 Hi guys Can somebody help me to change the backdrop opacity to 0.8 or so? In all themes in general the backdrop opacity is to much for my taste, i mean it is hard to see an enjoy. Thanks in advance Link to comment Share on other sites More sharing options...
PenkethBoy 2063 Posted September 2, 2018 Share Posted September 2, 2018 /* ----- Change background Image Transparency ----*/ .backgroundContainer.withBackdrop { background: rgba(0, 0, 0, .6)!important; } 1 Link to comment Share on other sites More sharing options...
Riggs 300 Posted September 2, 2018 Author Share Posted September 2, 2018 /* ----- Change background Image Transparency ----*/ .backgroundContainer.withBackdrop { background: rgba(0, 0, 0, .6)!important; } Ohh yeah! Thank you so much! Link to comment Share on other sites More sharing options...
Riggs 300 Posted September 2, 2018 Author Share Posted September 2, 2018 Link to comment Share on other sites More sharing options...
arrbee99 1559 Posted September 3, 2018 Share Posted September 3, 2018 I still quite like this https://emby.media/community/index.php?/topic/60189-move-stuff-down/ but it does have unintended consequences... Link to comment Share on other sites More sharing options...
Karl Blixt 8 Posted October 24, 2018 Share Posted October 24, 2018 is it possible to alter the oppacity of the backdrop that is displayed in the library view separately? I really like the increased brightness in the movie detail page but I'd like to have the random backdrops that displays while browsing the library to be more faded or even blurred. Link to comment Share on other sites More sharing options...
PenkethBoy 2063 Posted October 24, 2018 Share Posted October 24, 2018 Read the thread above for blurred and you can reference a specific type of page with #<name> /* ----- Change background Image Transparency ----*/ .backgroundContainer.withBackdrop { background: rgba(0, 0, 0, .6)!important; } #itemdetailpage .background........ so you would need two versions or more i think not that thats a problem Link to comment Share on other sites More sharing options...
Karl Blixt 8 Posted October 24, 2018 Share Posted October 24, 2018 hm, do i just put the #itemdetailpage infront of the .background... like this? #itemdetailpage .backgroundContainer.withBackdrop {background: rgba(0, 0, 0, .6)!important;} because that doesn't work for me. Link to comment Share on other sites More sharing options...
PenkethBoy 2063 Posted October 24, 2018 Share Posted October 24, 2018 what server are you on Link to comment Share on other sites More sharing options...
PenkethBoy 2063 Posted October 24, 2018 Share Posted October 24, 2018 yes that does not work as backgroundcontainer is it appears not page specific Link to comment Share on other sites More sharing options...
Happy2Play 8277 Posted October 24, 2018 Share Posted October 24, 2018 (edited) is it possible to alter the oppacity of the backdrop that is displayed in the library view separately? I really like the increased brightness in the movie detail page but I'd like to have the random backdrops that displays while browsing the library to be more faded or even blurred. Something like this /*Remove backdrop opacity/set opacity per page*/ div.backgroundContainer.withBackdrop { background: rgba(0, 0, 0, 0); } #indexPage {background: rgba(0, 0, 0, .8); } #itemDetailPage {background: rgba(0, 0, 0, .3); } Doesn't look like that covers container when scrolling down. Edited October 24, 2018 by Happy2Play Link to comment Share on other sites More sharing options...
Karl Blixt 8 Posted October 25, 2018 Share Posted October 25, 2018 Yeah, issues with scrolling down. Is there an alternative? It's a very small issue but would be nice. Link to comment Share on other sites More sharing options...
adamstewiegreen 147 Posted October 27, 2018 Share Posted October 27, 2018 (edited) I'd like to have the random backdrops that displays while browsing the library to be more faded or even blurred. This is the blurred background that I use, but it will blur all backgrounds /*----blur backgroound----*/ .backdropImage.displayingBackdropImage{ -webkit-filter: blur(7px); filter: blur(7px); } Edited October 27, 2018 by adamstewiegreen Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now