igeoorge 26 Posted April 13, 2020 Share Posted April 13, 2020 Hi guys I migrated to version 4.4.2.0 and I'm loving the news. Unfortunately some css codes broke. Could you help me keep the cast and crew round? I used this code: /* ---- Ator/Elenco Redondos ----*/ #castContent .card.portraitCard.personCard.card-hoverable.card-nofocustransform.card-withuserdata { width: 3.7cm; font-size: 80% !important; } #castContent .card.portraitCard.personCard.card-nofocustransform.card-withuserdata { width: 3.7cm; font-size: 80% !important; } #castContent .card.overflowPortraitCard.personCard.card-nofocustransform.card-withuserdata { width: 3.7cm; font-size: 80% !important; } #castContent .cardContent-button.cardImageContainer.coveredImage.cardContent.cardContent-shadow.itemAction.lazy, #castContent .defaultCardBackground { background-size: cover !important; border-radius: 1.7cm; } #castContent .cardScalable { width: 3.1cm !important; height: 3.1cm !important; border-radius: 1.7cm; } #castContent .cardOverlayContainer.itemAction { border-radius: 1.7cm; } #castContent .cardOverlayButton-br { bottom: 4%; right: 15%; width: 70%; } #castContent .cardOverlayButton.cardOverlayButton-hover.itemAction.paper-icon-button-light { width: 50%; vertical-align: middle; } #castContent .cardOverlayButton.cardOverlayButton-hover.itemAction.emby-button { width: 50%; vertical-align: middle; } Link to comment Share on other sites More sharing options...
Happy2Play 8138 Posted April 13, 2020 Share Posted April 13, 2020 Did you see this topic? https://emby.media/community/index.php?/topic/71640-cast-and-images-of-the-circular-team/?p=862896 Link to comment Share on other sites More sharing options...
igeoorge 26 Posted April 13, 2020 Author Share Posted April 13, 2020 Hi @@Happy2Play I tried the code: card.overflowPortraitCard.personCard { border: 2px solid #3333cc; border-radius: 50%; overflow: hidden; z-index:5; background-position: center; background-color: transparent; width: 100px; height: 100px; } and I was not successful. Something is missing? Link to comment Share on other sites More sharing options...
Happy2Play 8138 Posted April 13, 2020 Share Posted April 13, 2020 Hi @@Happy2Play I tried the code: card.overflowPortraitCard.personCard { border: 2px solid #3333cc; border-radius: 50%; overflow: hidden; z-index:5; background-position: center; background-color: transparent; width: 100px; height: 100px; } and I was not successful. Something is missing? Since that element no longer exists did you change it to what appears in the other topic? either "div.peopleSection .cardBox" or "div.peopleSection .cardPadder-portrait", depending on the method used. Link to comment Share on other sites More sharing options...
igeoorge 26 Posted April 13, 2020 Author Share Posted April 13, 2020 Wonderful. Thank you very much. It worked. Is there any code to change the opening image? The image that loads as soon as we open the emby Could you help me remove: Link to comment Share on other sites More sharing options...
Happy2Play 8138 Posted April 13, 2020 Share Posted April 13, 2020 (edited) Wonderful. Thank you very much. It worked. Is there any code to change the opening image? The image that loads as soon as we open the emby Could you help me remove: Sorry I don't know what that is. What does that translate to? Is that Multi-Select? Edited April 13, 2020 by Happy2Play Link to comment Share on other sites More sharing options...
igeoorge 26 Posted April 13, 2020 Author Share Posted April 13, 2020 This box is displayed when we mark an item Sorry for not explaining it properly. Link to comment Share on other sites More sharing options...
Happy2Play 8138 Posted April 13, 2020 Share Posted April 13, 2020 This box is displayed when we mark an item Sorry for not explaining it properly. Add !important to previous code as the default code is important now. That is the only way to override Luke's code. https://emby.media/community/index.php?/topic/72672-remove-items-from-the-new-update/?hl=multiselect&do=findComment&comment=731665 Link to comment Share on other sites More sharing options...
igeoorge 26 Posted April 14, 2020 Author Share Posted April 14, 2020 I would not like to remove everything, I would like to remove only the item inside the red box. It is possible? Link to comment Share on other sites More sharing options...
Happy2Play 8138 Posted April 14, 2020 Share Posted April 14, 2020 I would not like to remove everything, I would like to remove only the item inside the red box. It is possible? Okay is that "Add to Playlist"? Link to comment Share on other sites More sharing options...
igeoorge 26 Posted April 14, 2020 Author Share Posted April 14, 2020 This, I would like to remove "add playlist" from all locations. Link to comment Share on other sites More sharing options...
Happy2Play 8138 Posted April 14, 2020 Share Posted April 14, 2020 This, I would like to remove "add playlist" from all locations. Okay remove from multi-select dialog button[data-id="playlist"] {display: none;} this will remove from Item dialog if needed button[data-id="addtoplaylist"] {display: none;} Link to comment Share on other sites More sharing options...
igeoorge 26 Posted April 14, 2020 Author Share Posted April 14, 2020 This worked very well, thank you very much. I had problems with 3 other codes, but I'm ashamed to ask. I believe that I am asking too much of you. Link to comment Share on other sites More sharing options...
Happy2Play 8138 Posted April 14, 2020 Share Posted April 14, 2020 This worked very well, thank you very much. I had problems with 3 other codes, but I'm ashamed to ask. I believe that I am asking too much of you. Just ask either I will answer or someone else will. Link to comment Share on other sites More sharing options...
igeoorge 26 Posted April 14, 2020 Author Share Posted April 14, 2020 Well, I put the description on the images to help you understand. 1. 2. 3. The third is to remove all media information and do not leave empty spaces Link to comment Share on other sites More sharing options...
Happy2Play 8138 Posted April 14, 2020 Share Posted April 14, 2020 Well, I put the description on the images to help you understand. 1. 2. 3. The third is to remove all media information and do not leave empty spaces 1. div.dynamicRoutes a[title="Display"], div.dynamicRoutes a[title="Home Screen"] {display: none !important;} 2. div.selectVideoContainer, div.selectAudioContainer {display: none;} 3. div.audioVideoMediaInfo {display: none;} Link to comment Share on other sites More sharing options...
igeoorge 26 Posted April 14, 2020 Author Share Posted April 14, 2020 My God, this looks like magic! The second and third work very well. Unfortunately the first one didn't work Link to comment Share on other sites More sharing options...
igeoorge 26 Posted April 14, 2020 Author Share Posted April 14, 2020 I would like to remove what is inside the red square. What's inside the green, please keep it. Link to comment Share on other sites More sharing options...
Happy2Play 8138 Posted April 14, 2020 Share Posted April 14, 2020 My God, this looks like magic! The second and third work very well. Unfortunately the first one didn't work I would like to remove what is inside the red square. What's inside the green, please keep it. Will have to work on hiding "Emby Web" but this is what I get with the code above (1) Link to comment Share on other sites More sharing options...
Happy2Play 8138 Posted April 14, 2020 Share Posted April 14, 2020 For "Media Web" you have two choices, maintain spacing with hidden or remove entire header. div.dynamicRoutes h3:nth-child(9) {visibility: hidden;} or div.dynamicRoutes h3:nth-child(9) {display: none;} You can try this for 1. div.dynamicRoutes a:nth-child(-n+3) {display: none !important;} Link to comment Share on other sites More sharing options...
igeoorge 26 Posted April 14, 2020 Author Share Posted April 14, 2020 Hi @@Happy2Play Thank you! Could you help me remove this part too? Link to comment Share on other sites More sharing options...
Happy2Play 8138 Posted April 14, 2020 Share Posted April 14, 2020 Hi @@Happy2Play Thank you! Could you help me remove this part too? div.mainDrawer-docked a:nth-child(-n+3) {display: none !important;} or div.mainDrawer-docked a[title="Display"], div.mainDrawer-docked a[title="Home Screen"] {display: none !important;} Hide or remove div.mainDrawer-docked h3:nth-child(8) {visibility: hidden;} or div.mainDrawer-docked h3:nth-child(8) {display: none;} 1 Link to comment Share on other sites More sharing options...
igeoorge 26 Posted April 14, 2020 Author Share Posted April 14, 2020 Amazing. Thank you! 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