pir8radio 1289 Posted May 7, 2015 Share Posted May 7, 2015 (edited) I wanted to start a thread to see what other Emby users are doing with the "Branding" settings... Below are the things I have in place, first and second items hide the Emby logo.. The third moves the manual login page down a bit so I can squeeze my own logo in.. The fourth item injects my logo image as a div background.. I'm sure there are better ways to go about this, but this worked for me.. At the end of the post is a screenshot of the end result. What are you guys doing with this feature??? .logoLibraryMenuButtonText { display: none; } img[src*=css/images/mblogoicon.png] { display: none; } #loginPage { padding-top: 30px; } #loginPage:before { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; top: 15px; content: " "; background: url(URLTOIMAGE.png); background-size: 100% 100%; width: 240px; height: 52px; } Edited May 7, 2015 by pir8radio 3 Link to comment Share on other sites More sharing options...
Koleckai Silvestri 1150 Posted May 7, 2015 Share Posted May 7, 2015 http://emby.media/community/index.php?/forum/144-web-client-css/ http://emby.media/community/index.php?/topic/18046-custom-css-with-the-new-server-beta/ 1 Link to comment Share on other sites More sharing options...
pir8radio 1289 Posted May 8, 2015 Author Share Posted May 8, 2015 I didnt know there was already a section... Well can a forum admin move this post to the proper forum please. http://emby.media/community/index.php?/forum/144-web-client-css/ http://emby.media/community/index.php?/topic/18046-custom-css-with-the-new-server-beta/ Link to comment Share on other sites More sharing options...
bigjohn 655 Posted May 8, 2015 Share Posted May 8, 2015 Well can a forum admin move this post to the proper forum please. Sure thing. Nice job with your customization. 1 Link to comment Share on other sites More sharing options...
Jambercob 12 Posted April 13, 2017 Share Posted April 13, 2017 (edited) I actually love this code. Any chance you know how to hide the Please Sign In? I know I could make the image smaller and have it displayed below the logo but would rather just hide it. Thanks! Edited November 12, 2017 by Jambercob Link to comment Share on other sites More sharing options...
CarlosLima 148 Posted April 13, 2017 Share Posted April 13, 2017 Here's my custom login page. If administrators allow, I can share my CSS code. 8 1 Link to comment Share on other sites More sharing options...
Luke 36887 Posted April 13, 2017 Share Posted April 13, 2017 Bravo ! 1 Link to comment Share on other sites More sharing options...
pir8radio 1289 Posted April 14, 2017 Author Share Posted April 14, 2017 (edited) I actually love this code. Any chance you know how to hide the Please Sign In? I know I could make the image smaller and have it displayed below the logo but would rather just hide it. Thanks! no but you should be able to cover it up, I have not tried this but try adding line in red: You might also have to edit your logo to have a solid background instead of the transparent one you use today. #loginPage:before { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; top: 15px; content: " "; background: url(URLTOIMAGE.png); background-size: 100% 100%; width: 240px; height: 52px; z-index: 50; } Edited April 14, 2017 by pir8radio Link to comment Share on other sites More sharing options...
Happy2Play 8144 Posted April 14, 2017 Share Posted April 14, 2017 Why not this @@pir8radio? #loginPage h1 {display: none } 2 Link to comment Share on other sites More sharing options...
pir8radio 1289 Posted April 14, 2017 Author Share Posted April 14, 2017 (edited) Why not this @@pir8radio? #loginPage h1 {display: none } There you go, I guess Yes you can lol... I was thinking there were more than one h1 tags but i guess not... Good call. Edited April 14, 2017 by pir8radio Link to comment Share on other sites More sharing options...
Happy2Play 8144 Posted April 14, 2017 Share Posted April 14, 2017 There you go, I guess Yes you can lol... I was thinking there were more than one h1 tags but i guess not... Good call. That only targets the login page. So no worries about h1 anywhere else. Link to comment Share on other sites More sharing options...
Jambercob 12 Posted April 14, 2017 Share Posted April 14, 2017 Why not this @@pir8radio? #loginPage h1 {display: none } That worked perfectly! Thank you very much Happy2Play Link to comment Share on other sites More sharing options...
hjason7812 23 Posted August 12, 2017 Share Posted August 12, 2017 I wanted to start a thread to see what other Emby users are doing with the "Branding" settings... Below are the things I have in place, first and second items hide the Emby logo.. The third moves the manual login page down a bit so I can squeeze my own logo in.. The fourth item injects my logo image as a div background.. I'm sure there are better ways to go about this, but this worked for me.. At the end of the post is a screenshot of the end result. What are you guys doing with this feature??? .logoLibraryMenuButtonText { display: none; } img[src*=css/images/mblogoicon.png] { display: none; } #loginPage { padding-top: 30px; } #loginPage:before { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; top: 15px; content: " "; background: url(URLTOIMAGE.png); background-size: 100% 100%; width: 240px; height: 52px; } Could you make me one of these except with my logo? I am not a coder so i don't know where to begin. Thanks Link to comment Share on other sites More sharing options...
pir8radio 1289 Posted August 12, 2017 Author Share Posted August 12, 2017 Could you make me one of these except with my logo? I am not a coder so i don't know where to begin. Thanks you just put all of that in the CSS section of emby, then change the "background: url(URLTOIMAGE.png);" to the url of your logo image like "background: url(https://imgbb.com/image.jpg);" Link to comment Share on other sites More sharing options...
RafaG 16 Posted January 1, 2018 Share Posted January 1, 2018 Why not this @@pir8radio? #loginPage h1 {display: none } I don't have any knowledge about CCS code and I've use this way to hide the message from login screen but display-none "colapse" rest of the elements of the page. I've trying another approach that work better for me: #loginPage h1 { visibility: hidden; } Link to comment Share on other sites More sharing options...
CarlosLima 148 Posted March 5, 2018 Share Posted March 5, 2018 (edited) Hello everyone, This image is from my current custom login screen. I leave the CSS code to be useful to some. I remember the need to change the link in the image. I'm available for any questions. /* Custom login screen */ .logoLibraryMenuButtonText { display: none; } .imgLogoIcon { display: none; } img[src*="css/images/mblogoicon.png"] { display: none; } #loginPage { padding-top: 100px; } #loginPage { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; top: 0px; content: " "; background: url(IMAGE LINK); background-size: 100% 100%; width: 1920px; height: 1080px; } Edited March 5, 2018 by CarlosLima 3 Link to comment Share on other sites More sharing options...
lassais 0 Posted March 6, 2018 Share Posted March 6, 2018 Hello Carlos! Would you specifically have this code here? I am looking to change the size of the logo that is in the upper left corner or replace with a centralized image as you apparently did here Here's my custom login page. If administrators allow, I can share my CSS code. Link to comment Share on other sites More sharing options...
EdsonPitta 0 Posted May 9, 2018 Share Posted May 9, 2018 Não consigo alterar minha tela de login, mesmo colocando o código CSS em configurações, alguém poderia me ajudar? Link to comment Share on other sites More sharing options...
Leandro221 2 Posted May 14, 2018 Share Posted May 14, 2018 Hello everyone, This image is from my current custom login screen. I leave the CSS code to be useful to some. I remember the need to change the link in the image. I'm available for any questions. /* Custom login screen */ .logoLibraryMenuButtonText { display: none; } .imgLogoIcon { display: none; } img[src*="css/images/mblogoicon.png"] { display: none; } #loginPage { padding-top: 100px; } #loginPage { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; top: 0px; content: " "; background: url(IMAGE LINK); background-size: 100% 100%; width: 1920px; height: 1080px; } OLÁ SOU NOVO POR AQUI COMO FAZER ESSAS EDIÇÃO NO EMBY, AGRADECERIA SE ME PASSASSE ALGUMAS DICAS DESDE DE JÁ OBRIGADO! Link to comment Share on other sites More sharing options...
CarlosLima 148 Posted May 14, 2018 Share Posted May 14, 2018 @@Leandro221 basta colar o código que postei acima, alterando apenas o endereço url da sua imagem.Esse código deve ser aplicado em Servidor / Ajustes / Css personalizado 1 Link to comment Share on other sites More sharing options...
Moisés Oliveira 0 Posted May 18, 2018 Share Posted May 18, 2018 @@Leandro221 basta colar o código que postei acima, alterando apenas o endereço url da sua imagem. Esse código deve ser aplicado em Servidor / Ajustes / Css personalizado tem como passar como fazer a mudança do icone e fundo Link to comment Share on other sites More sharing options...
Moisés Oliveira 0 Posted May 18, 2018 Share Posted May 18, 2018 @@Leandro221 basta colar o código que postei acima, alterando apenas o endereço url da sua imagem. Esse código deve ser aplicado em Servidor / Ajustes / Css personalizado pode passar passo a passo para mi como personalizar Link to comment Share on other sites More sharing options...
Leandro221 2 Posted May 19, 2018 Share Posted May 19, 2018 pode passar passo a passo para mi como personalizar Eu ainda também não sei estou ha 3 meses tentando fazer isso o que eles fazem, mas sem sucesso, um dia eu aprendo, eu coloco o codigo no css personalizado mas não acontece nada na web page Link to comment Share on other sites More sharing options...
CarlosLima 148 Posted May 19, 2018 Share Posted May 19, 2018 Olá amigos, qual a dúvida que está havendo sobre o código da tela de login???? Link to comment Share on other sites More sharing options...
Leandro221 2 Posted May 19, 2018 Share Posted May 19, 2018 Olá amigos, qual a dúvida que está havendo sobre o código da tela de login???? não estou conseguindo fazer nada no CSS, já coloquei o codigo e não funciona! 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