Emby CSS Code not work

[D1sk 4]

Hello some of my css code not work

i will remove the light overlay on the background. So that the backdrops are played without ah light or dark filter.
i have writen this code but it not work can someone helps me?

 

/* Verberge die Links- und Media-Info-Abschnitte */
div.linksSection, div.audioVideoMediaInfo {
  display: none;
}

/* Hintergrundanpassung für den Detailseiteninhalt */
.detailPageContent {
  background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.9));
}

/* Hintergrundanpassung für spezifische Abschnitte */
#castCollapsible, #scenesCollapsible {
  background: rgba(0,0,0,.3);
}

and i will update that code that he remove this section  "more of that"
I will not see that.

Thats this name?

 

i have try with this but it not work

 

/* Verberge die Links- und Media-Info-Abschnitte */
div.linksSection, div.audioVideoMediaInfo {
  display: none;
}

/* Hintergrundanpassung für den Detailseiteninhalt */
.detailPageContent {
  background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.9));
}

/* Hintergrundanpassung für spezifische Abschnitte */
#castCollapsible, #scenesCollapsible {
  background: rgba(0,0,0,.3);
}

/* Verberge den Abschnitt mit den angegebenen Klassenattributen */
.sectionTitle.sectionTitle-cards.padded-left.padded-right {
  display: none;
}

 

[arrbee99 1560]

I'm not exactly sure what you mean, but if you want to see the backdrop better, this will hopefully help -

/* Make backdrop much brighter */
div.backgroundContainer.withBackdrop {background: rgba(0,0,0,.10)!important;}

and maybe -

/* Remove poster thumb */
div.detailImageContainer.detailImageContainer-main {display: none; }

/* Move details down */
div.flex-grow.topDetailsMain.flex.flex-direction-column  {padding-top: 15em; }

[D1sk 4]

/* Verberge die Links- und Media-Info-Abschnitte */
div.linksSection, div.audioVideoMediaInfo {
  display: none;
}

/* Hintergrundanpassung für den Detailseiteninhalt */
.detailPageContent {
  background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.9));
}

/* Hintergrundanpassung für spezifische Abschnitte */
#castCollapsible, #scenesCollapsible {
  background: rgba(0,0,0,.3);
}

/* Verberge den Abschnitt mit den angegebenen Klassenattributen */
.sectionTitle.sectionTitle-cards.padded-left.padded-right {
  display: none;
}

/* Verberge das Element mit den angegebenen Klassenattributen */
.emby-scroller.padded-top-focusscale.padded-bottom-focusscale.padded-left.padded-right.scrollX.hiddenScrollX.scrollFrameX {
  display: none;
}

if i remove the complet code
then it ausol remove staffeln picture an sone one

so i dont realy know how to do that?

[D1sk 4]

4 minutes ago, arrbee99 said:

I'm not exactly sure what you mean, but if you want to see the backdrop better, this will hopefully help -

/* Make backdrop much brighter */
div.backgroundContainer.withBackdrop {background: rgba(0,0,0,.10)!important;}

and maybe -

/* Remove poster thumb */
div.detailImageContainer.detailImageContainer-main {display: none; }

/* Move details down */
div.flex-grow.topDetailsMain.flex.flex-direction-column  {padding-top: 15em; }

thx i will try it out

 

[D1sk 4]

8 minutes ago, arrbee99 said:

I'm not exactly sure what you mean, but if you want to see the backdrop better, this will hopefully help -

/* Make backdrop much brighter */
div.backgroundContainer.withBackdrop {background: rgba(0,0,0,.10)!important;}

and maybe -

/* Remove poster thumb */
div.detailImageContainer.detailImageContainer-main {display: none; }

/* Move details down */
div.flex-grow.topDetailsMain.flex.flex-direction-column  {padding-top: 15em; }

it shwos still that cards section

[arrbee99 1560]

You want to remove 'More Like This'

This seems to work -

/* Try to remove More Like This Section */
div.verticalSection.verticalSection-cards.similarSection.emby-scrollbuttons-scroller {display: none;}

[D1sk 4]

13 minutes ago, arrbee99 said:

You want to remove 'More Like This'

This seems to work -

/* Try to remove More Like This Section */
div.verticalSection.verticalSection-cards.similarSection.emby-scrollbuttons-scroller {display: none;}

Thank you very much
So for me, it doesn't change anything.
Everything remains the same

[arrbee99 1560]

Maybe add !important, as in -

div.verticalSection.verticalSection-cards.similarSection.emby-scrollbuttons-scroller {display: none !important;}

I'm terrible at css though, just trial and error until it works or I give up...

[arrbee99 1560]

I like my media page like this

so maybe if the css doesn't work, it might help to just move it down out of sight...

[D1sk 4]

1 hour ago, arrbee99 said:

I like my media page like this

so maybe if the css doesn't work, it might help to just move it down out of sight...

Yes i know

i ausol try to make the overlay hower as an border with radiance

.card-hoverable:hover .cardOverlayContainer {
  background-image: linear-gradient(to right, #a1c4fd 0%, #c2e9fb 51%, #a1c4fd 100%);
  position: relative;
  top: 2px;
  border: 2px solid #fff;
  border-top-style: solid;
  background-clip: padding-box;
  background-size: calc(100% - 4px) 100%;
  padding: 2px;
  padding-bottom: 2px;
}
but no chance some code works but other is ingnored by emby
it looks like tha tnot all css worked in emby

as example this code part works not to make a border from the background image
background-clip: padding-box; background-size: calc(100% - 4px) 100%; padding: 2px; padding-bottom: 2px;


i set the position: relative; tha ti can better seee the Overlay elemt to modifize

[D1sk 4]

3 hours ago, arrbee99 said:

I like my media page like this

so maybe if the css doesn't work, it might help to just move it down out of sight...

That looks mega great, I would also prefer. How does it look if you have more seasons?

[arrbee99 1560]

I don't know why some things are working for us in different ways. Maybe its because I have other css thats affecting things here, you have other css thats affecting things there, I'm using Firefox and (maybe) you are not, I'm using the latest beta server and you (maybe) are not. Or who knows what else.

[arrbee99 1560]

For more than one series it looks basically the same (I i made the window a bit longer vertically so the Seasons show up a bit at the bottom) -

and scrolling down -

but there's a bug on the episodes page, the episodes are too far to the left for some reason (have scrolled a bit) -

 

 

 

[GrimReaper 3294]

 

4 minutes ago, arrbee99 said:

but there's a bug on the episodes page, the episodes are too far to the left for some reason (have scrolled a bit)

There must be some CSS interfering as I don't see same occurrence.

[arrbee99 1560]

I guess so. I think I looked at it a while ago, just can't remember if I couldn't find the cause or I did but didn't know how to fix it. I really should have another go...

[D1sk 4]

can you post your css, i

On 9/1/2023 at 10:14 PM, arrbee99 said:

For more than one series it looks basically the same (I i made the window a bit longer vertically so the Seasons show up a bit at the bottom) -

and scrolling down -

but there's a bug on the episodes page, the episodes are too far to the left for some reason (have scrolled a bit) -

 

 

 

Can you post your css? I would like to try this out as well. That would be very nice
I'm not using the beta, but the latest stable realse.
Browser I also use Firefox

[arrbee99 1560]

Its all in here -

just pick and choose what you want.

Looks like the latest one is a year old already. Sorry but I'm terrible at updating things. You can be pretty sure there'll be stuff in there that doesn't work any more.

I you look through it, the bits in relation to this thread are in the section entitled '/* Movie and Series Details Page */'