D1sk 4 Posted September 1, 2023 Share Posted September 1, 2023 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; } Link to comment Share on other sites More sharing options...
arrbee99 1561 Posted September 1, 2023 Share Posted September 1, 2023 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; } Link to comment Share on other sites More sharing options...
D1sk 4 Posted September 1, 2023 Author Share Posted September 1, 2023 /* 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? Link to comment Share on other sites More sharing options...
D1sk 4 Posted September 1, 2023 Author Share Posted September 1, 2023 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 Link to comment Share on other sites More sharing options...
D1sk 4 Posted September 1, 2023 Author Share Posted September 1, 2023 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 Link to comment Share on other sites More sharing options...
arrbee99 1561 Posted September 1, 2023 Share Posted September 1, 2023 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;} Link to comment Share on other sites More sharing options...
D1sk 4 Posted September 1, 2023 Author Share Posted September 1, 2023 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 Link to comment Share on other sites More sharing options...
arrbee99 1561 Posted September 1, 2023 Share Posted September 1, 2023 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... Link to comment Share on other sites More sharing options...
arrbee99 1561 Posted September 1, 2023 Share Posted September 1, 2023 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... Link to comment Share on other sites More sharing options...
D1sk 4 Posted September 1, 2023 Author Share Posted September 1, 2023 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 Link to comment Share on other sites More sharing options...
D1sk 4 Posted September 1, 2023 Author Share Posted September 1, 2023 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? Link to comment Share on other sites More sharing options...
arrbee99 1561 Posted September 1, 2023 Share Posted September 1, 2023 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. Link to comment Share on other sites More sharing options...
arrbee99 1561 Posted September 1, 2023 Share Posted September 1, 2023 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) - Link to comment Share on other sites More sharing options...
GrimReaper 3326 Posted September 1, 2023 Share Posted September 1, 2023 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. Link to comment Share on other sites More sharing options...
arrbee99 1561 Posted September 1, 2023 Share Posted September 1, 2023 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... Link to comment Share on other sites More sharing options...
D1sk 4 Posted September 4, 2023 Author Share Posted September 4, 2023 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 Link to comment Share on other sites More sharing options...
arrbee99 1561 Posted September 4, 2023 Share Posted September 4, 2023 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 */' 1 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