Login page - odd behaviour with email-based self-registration - Lambda theme

Login page - odd behaviour with email-based self-registration - Lambda theme

by Ian Van Kretschmar -
Number of replies: 1

Good morning.  We are experiencing some odd sytle issues on our login page.  When we turn on  "Email-Based Self-Registration" (Plugins>Manage Authentication>Self Registration), the login form appears above the account creation instructions (e.g. "First time here...") and both span the entire width of the screen.  When we disable Self-Registation, the Login form reverts to its corrct width.

 

Average of ratings: -
In reply to Ian Van Kretschmar

Re: Login page - odd behaviour with email-based self-registration

by Ian Van Kretschmar -
I figured this one out: our theme (Lambda) was recently updated and the developers inadvertently introduced this odd behaviour via style.css

CSS that introduced the problem:

@media (min-width: 768px) {
#page-login-index .path-login div[role="main"] {display: flex;}
#page-login-index .path-login .row.justify-content-center {width: 46%; margin: 0 2% !important;}
}

Custom CSS to correct this behaviour:

@media (min-width: 768px) {
.path-login div[role="main"] {display: flex;}
.path-login .row.justify-content-center {width: 46%; margin: 0 2% !important;}
}