Reducing the size of Learndash Login/Registration Modal

[danocton]

Hi,

I’m installing Learndash on my site, which uses X Theme, to provide video content. I would love to reduce the size of the login/registar modal that pops up when you click the login link. An example of this can be seen on the following page when you click ‘login’ under ‘Get Started’:

https://ministryofyoga.org/courses/strength-stability-from-within

The modal takes up the majority of the screen, and you have to scroll down to see the whole thing. How can I alter it so that it all fits neatly on the screen?

Thanks
Dan

[marc_a]

Hi Dan,

Thanks for reaching out.

The logo under the login section is taking so much height of the modal. From my point of view, I suggest that you make the logo smaller and remove the username and password label then make it as a placeholder. On the other hand, please remove the custom CSS you added.

If you can’t find where to remove the code, you can override it in your X > Theme Options > CSS.

.learndash-wrapper .ld-login-modal {
     margin-top: 25%;
}

Please note that custom CSS code is outside the scope of our support. Issues that might arise from the use of custom CSS code and further enhancements should be directed to a third-party developer or you can avail One where we can answer questions outside of the features of our theme.

Hope that helps.

Thank you.