CarlosLima 148 Posted November 14, 2022 Share Posted November 14, 2022 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 Link to comment Share on other sites More sharing options...
Solution Happy2Play 8138 Posted November 14, 2022 Solution Share Posted November 14, 2022 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; } } 1 Link to comment Share on other sites More sharing options...
CarlosLima 148 Posted November 14, 2022 Author Share Posted November 14, 2022 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? Link to comment Share on other sites More sharing options...
Happy2Play 8138 Posted November 14, 2022 Share Posted November 14, 2022 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 More sharing options...
Happy2Play 8138 Posted November 14, 2022 Share Posted November 14, 2022 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? But you probably should just change the 20em background size from 100% to cover. Link to comment Share on other sites More sharing options...
CarlosLima 148 Posted November 14, 2022 Author Share Posted November 14, 2022 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 More sharing options...
Happy2Play 8138 Posted November 14, 2022 Share Posted November 14, 2022 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. 1 Link to comment Share on other sites More sharing options...
CarlosLima 148 Posted November 14, 2022 Author Share Posted November 14, 2022 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 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