Jump to content

Custom login screen fixed


CarlosLima
Go to solution Solved by Happy2Play,

Recommended Posts

Happy2Play

como vc excluiu o botao esqueci senha e deixou apenas escrito


/*Hide Forgot Password button*/

#loginPage button.btnForgotPassword {display: none;}

/*Hide Remember Me box*/

#loginPage label.checkboxContainer {display: none;}

Link to comment
Share on other sites

  • 8 months later...
pir8radio

/*Hide Forgot Password button*/

#loginPage button.btnForgotPassword {display: none;}

/*Hide Remember Me box*/

#loginPage label.checkboxContainer {display: none;}

 

 

I take it this doesnt work any more?  Trying to hide forgot password button.   Tried a few ways, doesnt seem to like it.

Link to comment
Share on other sites

Happy2Play

I take it this doesnt work any more?  Trying to hide forgot password button.   Tried a few ways, doesnt seem to like it.

 

It isn't the #loginPage any more.

 

https://emby.media/community/index.php?/topic/79505-login-page-background-image-43-change

https://emby.media/community/index.php?/topic/79816-login-screen-manualloginhtml-file/

Link to comment
Share on other sites

  • 5 weeks later...
CarlosLima
/*Shrink Login Form*/	
#loginPage .readOnlyContent, #loginPage form {
    max-width: 27em; }

Hi,

Can you help update this CSS code?

It's not working anymore.

This is the one mentioned in post number 3.

Thanks

Link to comment
Share on other sites

Happy2Play

Hi,

Can you help update this CSS code?

It's not working anymore.

This is the one mentioned in post number 3.

Thanks

Without page ids, all I see is something like this.

/*Shrink Manual Login Form*/
body > div.mainAnimatedPages.skinBody > div > div > form {
    max-width: 27em; }
Link to comment
Share on other sites

CarlosLima

 

Without page ids, all I see is something like this.

/*Shrink Manual Login Form*/
body > div.mainAnimatedPages.skinBody > div > div > form {
    max-width: 27em; }

 

Not working

Link to comment
Share on other sites

CarlosLima

Or apply directly to the manuallogin.html also.

Can you show how the line would look in the html file?

Link to comment
Share on other sites

Happy2Play

Not working

 

I don't know then as it works fine on my local system.

 

without

5e37561083b8c_without.jpg

 

with

5e3756279144c_with.jpg

 

 

 

 

Can you show how the line would look in the html file?

Add it here

5e37573fb90e2_manual.jpg

  • Like 1
Link to comment
Share on other sites

CarlosLima

Hi,
The login screen, the width is already correct, just like your number 2 image.
The point is that, with this change, the internal screen is also the same width and I would like only the login screen to undergo such change, as you managed to do in post number 3.

Link to comment
Share on other sites

Happy2Play

Hi,

The login screen, the width is already correct, just like your number 2 image.

The point is that, with this change, the internal screen is also the same width and I would like only the login screen to undergo such change, as you managed to do in post number 3.

I don't get this behavior (unless it only applies to a area I haven't looked at), so you have to remove the css, and edit the manuallogin.html.  Or add page id and target that id with css.

Link to comment
Share on other sites

The only way I have been able to successfully target the login page without any style changes effecting other aspects of the web app has been with JavaScript.

 

Waiting for txtUserName to make an appearance, then targeting element.closest('.view');

Link to comment
Share on other sites

CarlosLima

The only way I have been able to successfully target the login page without any style changes effecting other aspects of the web app has been with JavaScript.

 

Waiting for txtUserName to make an appearance, then targeting element.closest('.view');

 

You are the best. Solved with your precious tips. Thank you.

Link to comment
Share on other sites

  • 4 weeks later...
Moisés Oliveira

como vc deixou na sua tela de login o esqueci minha senha daquele jeito. grato

 

Now, a fully customized login screen.

Thanks to everyone who provided the CSS codes.

 

 

5be5f4030527e_Capturar.jpg

pode me ajuda eu nao consigo mudar tela de login

Link to comment
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...