Media Info grey background

[arrbee99 1815]

Me again. Any way to please get rid of this ugly grey background here

https://emby.media/community/index.php?/topic/90551-4602-media-info-display/

I've tried fiddling with this kind of stuff

/*div.card.backdropCard.card-nouserdata.card-hoverable.card-nofocustransform.focusable {color: #5d7e9b;}*/

/*div.emby-scroller.padded-top-focusscale.padded-bottom-focusscale.emby-scrollbuttons-scroller {background: transparent;|*/

div.scrollSlider.focuscontainer-x.itemsContainer.padded-left.padded-right.focusable {background: transparent;|

but getting nowhere.

Edited October 4, 2020 by arrbee99

[Happy2Play 9780]

Did you look at how Luke applied it?  

Hint

Do you want all the same areas transparent?

Note for everyone else, this applies to 4.6.0.2+

[arrbee99 1815]

Well, I looked in that I tried to click on the element I want to change and select Inspect Element in the browser, then copy that text and add something in {} brackets at the end.

But yes, would like it all transparent please, as (I think) it was before.

[Happy2Play 9780]

7 minutes ago, arrbee99 said:

Well, I looked in that I tried to click on the element I want to change and select Inspect Element in the browser, then copy that text and add something in {} brackets at the end.

But yes, would like it all transparent please, as (I think) it was before.

 

/*Background and box outline*/
div.details-additionalContent-withbackdrop .cardContent-shadow, div.details-additionalContent-withbackdrop .defaultCardBackground0 {
    background-color: transparent !important;
    box-shadow: none;
}

 

[arrbee99 1815]

Oh Joy. Thank you.

[arrbee99 1815]

That works well, but it makes any missing actor posters completely transparent -

I found this old stuff and tried adding it back in, but guess what...

#castContent .cardImageIcon {color: white;}

 

#castContent .defaultCardBackground1,

#castContent .defaultCardBackground2,

#castContent .defaultCardBackground3,

#castContent .defaultCardBackground4,

#castContent .defaultCardBackground5

 {background-color: rgba(55,55,55,.95);}

[Happy2Play 9780]

19 hours ago, arrbee99 said:

That works well, but it makes any missing actor posters completely transparent -

I found this old stuff and tried adding it back in, but guess what...

#castContent .cardImageIcon {color: white;}

#castContent .defaultCardBackground1,

#castContent .defaultCardBackground2,

#castContent .defaultCardBackground3,

#castContent .defaultCardBackground4,

#castContent .defaultCardBackground5

 {background-color: rgba(55,55,55,.95);}

 

There no longer is a #castContent id it is div.peopleSection, but Luke's code is !important so your code would have to change.  If you do not want cast and crew affected and only apply to Media info use this.

Change to this for Media Info only

/*Media Info background and box outline*/
div.audioVideoMediaInfo .cardContent-shadow, div.audioVideoMediaInfo .defaultCardBackground0 {
    background-color: transparent !important;
    box-shadow: none;
}

Then if you want to change the default color for case and crew you would do this.

div.peopleSection .defaultCardBackground1,div.peopleSection .defaultCardBackground2,div.peopleSection .defaultCardBackground3,div.peopleSection .defaultCardBackground4,div.peopleSection .defaultCardBackground5 {background-color: rgba(55,55,55,.95)!important;}

 

Edited October 5, 2020 by Happy2Play

[arrbee99 1815]

Thank you. The first works fine, the second (people) thing doesn't seem to make any difference. Might have the odd bit of css that interferes though...Will have a play latter, but I really should cut the grass...

[Happy2Play 9780]

Looks like I forgot !important when I copied code to forum above.

12 minutes ago, arrbee99 said:

Thank you. The first works fine, the second (people) thing doesn't seem to make any difference. Might have the odd bit of css that interferes though...Will have a play latter, but I really should cut the grass...

 

It is pretty much that same color already being applied, did you adjust the color?

 

Quote

div.peopleSection .defaultCardBackground1,div.peopleSection .defaultCardBackground2,div.peopleSection .defaultCardBackground3,div.peopleSection .defaultCardBackground4,div.peopleSection .defaultCardBackground5 {background-color: rgba(255,0,0,.95)!important;}

 

Edited October 5, 2020 by Happy2Play

[arrbee99 1815]

I did. Went for a kind of purple, except it stayed grey.

[Happy2Play 9780]

15 minutes ago, arrbee99 said:

I did. Went for a kind of purple, except it stayed grey.

That would suggest possible existing code interfering.  You could test by removing all code and applying only this new code.

[arrbee99 1815]

Still dun't work. Forgot to ask, would it require anything special for Firefox.

As I type this I think I really should try this in Chrome, or Edge...

[Happy2Play 9780]

3 hours ago, arrbee99 said:

Still dun't work. Forgot to ask, would it require anything special for Firefox.

As I type this I think I really should try this in Chrome, or Edge...

Not in my tests only code from above for div.peopleSection.