PenkethBoy 2063 Posted April 23, 2017 Share Posted April 23, 2017 try changing "homepagesection" to "verticalSection" Link to comment Share on other sites More sharing options...
Emby Tower 33 Posted April 23, 2017 Share Posted April 23, 2017 try changing "homepagesection" to "verticalSection" /*Hide Recommendations-Because you watched*/ .recommendations.verticalSection {display: none !important;} It doesn't work ... Link to comment Share on other sites More sharing options...
Happy2Play 8138 Posted April 23, 2017 Share Posted April 23, 2017 /*Hide Recommendations-Because you watched*/ .recommendations.verticalSection {display: none !important;} It doesn't work ... This should be what you are looking for. /*Hide Recommendations-Because you watched*/ #suggestionsTab .recommendations {display: none;} 1 Link to comment Share on other sites More sharing options...
Emby Tower 33 Posted May 8, 2017 Share Posted May 8, 2017 /*Hide Media Info*/ div.detailSection.audioVideoMediaInfo {display: none} It doesn't work anymore with 3.2.14.0 ... Link to comment Share on other sites More sharing options...
Happy2Play 8138 Posted May 8, 2017 Share Posted May 8, 2017 /*Hide Media Info*/ div.detailSection.audioVideoMediaInfo {display: none} It doesn't work anymore with 3.2.14.0 ... Update to /*Hide Media Info*/ div.verticalSection.detailVerticalSection.audioVideoMediaInfo {display: none} 1 Link to comment Share on other sites More sharing options...
Happy2Play 8138 Posted May 8, 2017 Share Posted May 8, 2017 This should be what you are looking for. /*Hide Recommendations-Because you watched*/ #suggestionsTab .recommendations {display: none;} Update to /*Hide Recommendations-Because you watched*/ #moviesPage div.recommendations {display: none;} 1 Link to comment Share on other sites More sharing options...
shorty1483 448 Posted June 11, 2017 Share Posted June 11, 2017 (edited) Currently playing a bit with Emby to make the look of the WebClient more mature in my personal view. I know, the noise bg idea is coming from Plex, but I like it really much. Also liked the blur effect @@Luke tried out a few months ago. /*-------------------------BG Blur------------------------------------------*/ .background-theme-b .backgroundContainer.withBackdrop { background: url(/YOUR/PATH/TO/noise_grey.png) !important; } .backdropContainer { -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translate3d(0,0,0); -webkit-transform: translateZ(0); backface-visibility: hidden; perspective: 1000; transform: translate3d(0,0,0); transform: translateZ(0); -webkit-filter: blur(40px) !important; -moz-filter: blur(40px) !important; -o-filter: blur(40px) !important; -ms-filter: blur(40px) !important; filter: blur(40px) !important; } Edited June 17, 2017 by shorty1483 1 Link to comment Share on other sites More sharing options...
Luke 36876 Posted June 11, 2017 Author Share Posted June 11, 2017 Ebr and I both like Apple TV designs so that is where the inspiration for the blur originally came from. 1 Link to comment Share on other sites More sharing options...
PenkethBoy 2063 Posted July 2, 2017 Share Posted July 2, 2017 /* ----- Increase Home Page folder size ----- */ div.verticalSection.section0 .smallBackdropCard-scalable { width: 20%; } With the new Stable release this does not appear to work anymore Have tried a few variations looking at the page css but my skills on this are very limited Any clues how to get it working again? Thanks Link to comment Share on other sites More sharing options...
Happy2Play 8138 Posted July 2, 2017 Share Posted July 2, 2017 /* ----- Increase Home Page folder size ----- */ div.verticalSection.section0 .smallBackdropCard-scalable { width: 20%; } With the new Stable release this does not appear to work anymore Have tried a few variations looking at the page css but my skills on this are very limited Any clues how to get it working again? Thanks Thought this was updated awhile ago. /* My Media Image Size */ #homeTab .smallBackdropCard-scalable {width: 16.5%;} Link to comment Share on other sites More sharing options...
PenkethBoy 2063 Posted July 2, 2017 Share Posted July 2, 2017 Thanks Its for the new Stable release which was working fine for me until today Dont use it on BETA Link to comment Share on other sites More sharing options...
CarlosLima 148 Posted July 3, 2017 Share Posted July 3, 2017 About Most Recent SongsI realized that only the last 5 albums added last, are displayed in the home, but note that there is room for 4 more and I would very much like to see a total of 9 albums that I added last. Is it possible for someone to show me how to do this in CSS? I leave here my thanks in advance. Link to comment Share on other sites More sharing options...
Happy2Play 8138 Posted July 3, 2017 Share Posted July 3, 2017 (edited) About Most Recent Songs I realized that only the last 5 albums added last, are displayed in the home, but note that there is room for 4 more and I would very much like to see a total of 9 albums that I added last. Is it possible for someone to show me how to do this in CSS? I leave here my thanks in advance. Not possible via css, you have to modify a script, but try beta server or wait for the next release. There will be a scroll feature to show more items. Mine scrolls 14 items for music. Edit - Is that from Home Screen or Music? Edited July 3, 2017 by Happy2Play Link to comment Share on other sites More sharing options...
CarlosLima 148 Posted July 3, 2017 Share Posted July 3, 2017 Is that from Home Screen.Tks very much. Link to comment Share on other sites More sharing options...
CarlosLima 148 Posted July 10, 2017 Share Posted July 10, 2017 This will remove the label only on that section and not affect any other. .homePageSection.section0 .cardTextCentered {display: none;} Hi everyone, In version 3.2.24 did this break again? Link to comment Share on other sites More sharing options...
Happy2Play 8138 Posted July 10, 2017 Share Posted July 10, 2017 Hi everyone, In version 3.2.24 did this break again? .homeSectionsContainer .cardTextCentered {display: none;} 1 Link to comment Share on other sites More sharing options...
CarlosLima 148 Posted July 10, 2017 Share Posted July 10, 2017 .homeSectionsContainer .cardTextCentered {display: none;} Perfect, thank you for the effort and speed. Link to comment Share on other sites More sharing options...
CarlosLima 148 Posted July 10, 2017 Share Posted July 10, 2017 (edited) .homeSectionsContainer .cardTextCentered {display: none;} Oops, I just realized now. This new CSS code also excludes the title under the posters of the movies and what I need is to just remove the title under the menu images. Sorry I did not detail before. Edited July 10, 2017 by CarlosLima Link to comment Share on other sites More sharing options...
chef 3744 Posted July 10, 2017 Share Posted July 10, 2017 (edited) Hi guys I've been messing around with some custom CSS. I can share if you want, some of the stuff I have found and added is kind of neat, although some may find it silly.I found that adding key frames to the CSS allowed for some cool animations.For instance, when hovering over a movie in the Webclient, the movie cover will slightly grow but the frame it is in will maintain its size. Then the info will slide up (like it usually does).Pretty cool. @keyframes pulseIn { from { transform: scale3d(1, 1, 1); } to { transform: scale3d(1.10, 1.10, 1.10); } } .cardImageContainer:hover{ animation-duration: 0.5s; animation-name:pulseIn; } Edited July 10, 2017 by chef 1 Link to comment Share on other sites More sharing options...
chef 3744 Posted July 10, 2017 Share Posted July 10, 2017 Is our spinner a single element spinner? Link to comment Share on other sites More sharing options...
loomes 40 Posted July 10, 2017 Share Posted July 10, 2017 Hi guys I've been messing around with some custom CSS. I can share if you want, some of the stuff I have found and added is kind of neat, although some may find it silly.I found that adding key frames to the CSS allowed for some cool animations.For instance, when hovering over a movie in the Webclient, the movie cover will slightly grow but the frame it is in will maintain its size. Then the info will slide up (like it usually does).Pretty cool. @keyframes pulseIn { from { transform: scale3d(1, 1, 1); } to { transform: scale3d(1.10, 1.10, 1.10); } } .cardImageContainer:hover{ animation-duration: 0.5s; animation-name:pulseIn; } Very Very Cool but on Firefox it dont work, Chrome is ok. Link to comment Share on other sites More sharing options...
CarlosLima 148 Posted July 10, 2017 Share Posted July 10, 2017 Hi guys I've been messing around with some custom CSS. I can share if you want, some of the stuff I have found and added is kind of neat, although some may find it silly. I found that adding key frames to the CSS allowed for some cool animations. For instance, when hovering over a movie in the Webclient, the movie cover will slightly grow but the frame it is in will maintain its size. Then the info will slide up (like it usually does). Pretty cool. @keyframes pulseIn { from { transform: scale3d(1, 1, 1); } to { transform: scale3d(1.10, 1.10, 1.10); } } .cardImageContainer:hover{ animation-duration: 0.5s; animation-name:pulseIn; } Very cool, I approved and already using. It worked perfect on Chrome and Edge. Thanks for sharing. Link to comment Share on other sites More sharing options...
chef 3744 Posted July 10, 2017 Share Posted July 10, 2017 (edited) I was wondering if you guys knew of a good fade transition for the ".itemName" on details screen. It would be cool to fade that in. this might work: @keyframes blurFadeIn{ 0%{ opacity: 0; text-shadow: 0px 0px 40px #fff; transform: scale(1.3); } 50%{ opacity: 0.5; text-shadow: 0px 0px 10px #fff; transform: scale(1.1); } 100%{ opacity: 1; text-shadow: 0px 0px 1px #fff; transform: scale(1); } } It would be cool to blur and fade in. LOL! it needs work! Edited July 10, 2017 by chef Link to comment Share on other sites More sharing options...
Happy2Play 8138 Posted July 11, 2017 Share Posted July 11, 2017 Oops, I just realized now. This new CSS code also excludes the title under the posters of the movies and what I need is to just remove the title under the menu images. Sorry I did not detail before. This should be what you want. div.sections.homeSectionsContainer div.section0 .cardTextCentered {display: none;} Link to comment Share on other sites More sharing options...
CarlosLima 148 Posted July 11, 2017 Share Posted July 11, 2017 Now it's perfect as I appreciate it, thank you very much for the tips. 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