igeoorge 26 Posted August 1, 2019 Share Posted August 1, 2019 tradutor Transparent Menu Bar and Round Cast Hi I used this code to make the bar transparent, but it doesn't work anymore. Can someone help me? div.skinHeader {background-color: transparent; } div.skinHeader-withBackground {background: transparent; } If possible, could someone help me to leave the "CAST" part of this mode: Link to comment Share on other sites More sharing options...
Happy2Play 8140 Posted August 1, 2019 Share Posted August 1, 2019 SkinHeaders div.skinHeader.skinHeader-withBackground {background: transparent !important; } What code to you have for cast and crew? Link to comment Share on other sites More sharing options...
igeoorge 26 Posted August 1, 2019 Author Share Posted August 1, 2019 cast and crew: #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 { 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...
igeoorge 26 Posted August 1, 2019 Author Share Posted August 1, 2019 Could you help me with this code? One makes me put a cover on top and another makes me change the logo. But one is barring the other. How to solve? /* ---- Logo r----*/ .pageTitleWithLogo { background-image: url(exemple) !important; height: 59px !Important; width: 200px !Important; } { pageTitleWithDefautLogo { height: 53px !important; } #homeTab:before { content: '';: ''; background: url(exemple) no-repeat center;: url(exemple) no-repeat center; height: 20em;: 100em; display: block;: block; background-size: cover;-size: cover; }} Link to comment Share on other sites More sharing options...
Happy2Play 8140 Posted August 1, 2019 Share Posted August 1, 2019 cast and crew: #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 { 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; } Okay all I did was add "overflow: hidden" to cardScalable section to make the round instead of square. #castContent .cardScalable { width: 3.1cm !important; height: 3.1cm !important; border-radius: 1.7cm; overflow: hidden; } 1 Link to comment Share on other sites More sharing options...
Happy2Play 8140 Posted August 2, 2019 Share Posted August 2, 2019 Could you help me with this code? One makes me put a cover on top and another makes me change the logo. But one is barring the other. How to solve? /* ---- Logo r----*/ .pageTitleWithLogo { background-image: url(exemple) !important; height: 59px !Important; width: 200px !Important; } { pageTitleWithDefautLogo { height: 53px !important; } #homeTab:before { content: '';: ''; background: url(exemple) no-repeat center;: url(exemple) no-repeat center; height: 20em;: 100em; display: block;: block; background-size: cover;-size: cover; }} Don't quite understand what you are trying to do. Link to comment Share on other sites More sharing options...
igeoorge 26 Posted August 2, 2019 Author Share Posted August 2, 2019 Sorry, I'll explain further: Use this code to print my custom logo: .pageTitleWithLogo {background-image: url (exemplo)! importante; altura: 59 px Importante! largura: 200 px! Importante; } {pageTitleWithDefautLogo {height: 53px! important; } I use this code to add an image on top of movies and series: #homeTab: before { conteúdo: '';: ''; fundo: url (exemplo) no-repeat center ;: url (exemplo) no-repeat center; altura: 20em ;: 100em; display: bloco ;: bloco; background-size: cover; -size: capa; }} But today, unfortunately I can't have both. One code is denying the other. If I put the LOGO code first, the IMAGE ON TOP code does not work. Today, I can't use both together. Can you help me? Link to comment Share on other sites More sharing options...
Happy2Play 8140 Posted August 2, 2019 Share Posted August 2, 2019 (edited) Sorry, I'll explain further: Use this code to print my custom logo: .pageTitleWithLogo {background-image: url (exemplo)! importante; altura: 59 px Importante! largura: 200 px! Importante; } {pageTitleWithDefautLogo {height: 53px! important; } I use this code to add an image on top of movies and series: #homeTab: before { conteúdo: '';: ''; fundo: url (exemplo) no-repeat center ;: url (exemplo) no-repeat center; altura: 20em ;: 100em; display: bloco ;: bloco; background-size: cover; -size: capa; }} But today, unfortunately I can't have both. One code is denying the other. If I put the LOGO code first, the IMAGE ON TOP code does not work. Today, I can't use both together. Can you help me? I don't really understand all the formatting in the #homeTab:before section, but the logo sections is broken with the { instead of a period. Are you applying two images in #homeTab:before? Not sure if you are typing the code or copy and pasting it but there are several issue. Edited August 2, 2019 by Happy2Play Link to comment Share on other sites More sharing options...
igeoorge 26 Posted August 2, 2019 Author Share Posted August 2, 2019 Is there another code in which you can have both images as before? Link to comment Share on other sites More sharing options...
Happy2Play 8140 Posted August 2, 2019 Share Posted August 2, 2019 Is there another code in which you can have both images as before? They are two different areas so sure. I just don't truly understand what exactly you want.. Aquired url from another topic. Link to comment Share on other sites More sharing options...
igeoorge 26 Posted August 2, 2019 Author Share Posted August 2, 2019 This code adds the image of Shazam #homeTab:before { content: '';: ''; background: url(exemple) no-repeat center;: url(exemple) no-repeat center; height: 20em;: 100em; display: block;: block; background-size: cover;-size: cover; }} This other code, changes the logo: .pageTitleWithLogo { background-image: url(exemple) !important; height: 59px !Important; width: 200px !Important; My problem is, I can't get both of them working. Is there a way to get both of them working? Link to comment Share on other sites More sharing options...
Happy2Play 8140 Posted August 2, 2019 Share Posted August 2, 2019 This code adds the image of Shazam #homeTab:before { content: '';: ''; background: url(exemple) no-repeat center;: url(exemple) no-repeat center; height: 20em;: 100em; display: block;: block; background-size: cover;-size: cover; }} This other code, changes the logo: .pageTitleWithLogo { background-image: url(exemple) !important; height: 59px !Important; width: 200px !Important; My problem is, I can't get both of them working. Is there a way to get both of them working? Any reason for all the extra code in red? But you basically want what I posted above, right? Link to comment Share on other sites More sharing options...
igeoorge 26 Posted August 2, 2019 Author Share Posted August 2, 2019 Sorry if I'm being boring. Unfortunately I did not understand either. This image best illustrates the problem. When placing the shazam image the logo does not load. It is as if one code is disturbing the other. I can't put the shazam code and the shazam code at the same time. I can only put one or the other, it is not possible to put both. Is there anything in the code that is causing this problem? I wish I could put the SHAZAM image and the LOGO I use. It's possible? Thanks for your help. Link to comment Share on other sites More sharing options...
Happy2Play 8140 Posted August 2, 2019 Share Posted August 2, 2019 Sorry if I'm being boring. Unfortunately I did not understand either. This image best illustrates the problem. When placing the shazam image the logo does not load. It is as if one code is disturbing the other. I can't put the shazam code and the shazam code at the same time. I can only put one or the other, it is not possible to put both. Is there anything in the code that is causing this problem? I wish I could put the SHAZAM image and the LOGO I use. It's possible? Thanks for your help. Similar to what I did in post 10 correct? Logo and image on #hometab:before Link to comment Share on other sites More sharing options...
Solution Happy2Play 8140 Posted August 2, 2019 Solution Share Posted August 2, 2019 Image from another topic by @@gleep52 /* ---- Logo r----*/ .pageTitleWithLogo { background-image: url(http://i.imgur.com/FcNRQp4.png) !important; height: 59px !Important; width: 200px !Important; } .pageTitleWithDefautLogo { height: 53px !important; } #homeTab:before { content: ''; background: url(http://i.imgur.com/FcNRQp4.png) center; height: 20em; background-size: 50%; display: block; background-repeat: no-repeat; } 1 Link to comment Share on other sites More sharing options...
igeoorge 26 Posted August 2, 2019 Author Share Posted August 2, 2019 THANK YOU VERY MUCH 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