Jump to content

About mobile login screen, only - ES last beta


CarlosLima
 Share

Go to solution Solved by Happy2Play,

Recommended Posts

CarlosLima

It is possible to get a code to bring down all the fields, only on the mobile login screen, because on PC it is OK, but on mobile it is too high.  

In short, I would like line number 1 to go further down.  

Thanks

Screenshot_20221114-140500.png

Link to comment
Share on other sites

  • Solution
Happy2Play

Something like this adding to existing code

/* #07 - Login background celular - Happy2Play-311022 */
@media (min-width: 20em){
#manualloginPage {
	background:url(/web/modules/themes/loginv.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	}
#manualloginPage form {
	margin: 50px auto!important;
	}
}

/* #08 - Login background pc - Happy2Play-311022 */
@media (min-width: 80em){
#manualloginPage {
	background:url(/web/modules/themes/loginh.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	}
#manualloginPage form {
	margin: 0 auto!important;
	}
}

 

  • Thanks 1
Link to comment
Share on other sites

CarlosLima

Thank you so much, it was perfect on the phone.  

Taking advantage, do you see two stripes in the image, above and below the photo?  Is it possible to make both transparent?

Screenshot_20221114-150710.png

Link to comment
Share on other sites

Happy2Play
10 minutes ago, CarlosLima said:

Taking advantage, do you see two stripes in the image, above and below the photo?  Is it possible to make both transparent?

 

Not without affecting everywhere else

div.backgroundContainer {
    background: transparent;
}

 

Link to comment
Share on other sites

Happy2Play
19 minutes ago, CarlosLima said:

Thank you so much, it was perfect on the phone.  

Taking advantage, do you see two stripes in the image, above and below the photo?  Is it possible to make both transparent?

Screenshot_20221114-150710.png

But you probably should just change the 20em background size from 100% to cover.

Link to comment
Share on other sites

CarlosLima

Sorry, I think I didn't understand as I should have.  

Using the addon you uploaded nothing has changed.  

When changing from 20em to 100% the background image disappears.

Link to comment
Share on other sites

Happy2Play
1 minute ago, CarlosLima said:

Sorry, I think I didn't understand as I should have.  

Using the addon you uploaded nothing has changed.  

When changing from 20em to 100% the background image disappears.

That would suggest you already have transparent background.

What exactly did you change as you would change background-size: 100%; to background-size: cover; in the cellular section.

  • Thanks 1
Link to comment
Share on other sites

CarlosLima

The most beautiful mobile login screen ever. So I removed the last add-on and just changed "100%" to "cover" and it turned out spectacular. 

You are the best, thank you very much

Screenshot_20221114-155838.png

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
 Share

×
×
  • Create New...