Changing backdrop opacity

[Riggs 312]

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 

[PenkethBoy 2068]

/* ----- Change background Image Transparency ----*/

.backgroundContainer.withBackdrop {

    background: rgba(0, 0, 0, .6)!important;

}

[Riggs 312]

 

/* ----- Change background Image Transparency ----*/

.backgroundContainer.withBackdrop {

    background: rgba(0, 0, 0, .6)!important;

}

 

 

Ohh yeah!

 

Thank you so much!

[Riggs 312]

   

 

[arrbee99 1815]

I still quite like this  https://emby.media/community/index.php?/topic/60189-move-stuff-down/  but it does have unintended consequences...

[Karl Blixt 8]

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.

[PenkethBoy 2068]

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

[Karl Blixt 8]

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.

[PenkethBoy 2068]

what server are you on

[PenkethBoy 2068]

yes that does not work as backgroundcontainer is it appears not page specific

[Happy2Play 9780]

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

[Karl Blixt 8]

Yeah, issues with scrolling down. Is there an alternative? It's a very small issue but would be nice.

[StewieGreen 160]

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