Support » Plugin: Auto Login New User After Registration » Top of registration form getting cut off

  • Resolved qplegal

    (@qplegal)


    Hello!

    I’ve added the “Auto Login New User After Registration” plugin to my LearnDash site with the Astra theme. When users click the registration button in the login pop-up window, the form shows up with exactly the changes I wanted to make (collecting new users’ names, etc.). Almost perfect – except now with the added fields the top of the form is cut off, and there’s no way to scroll up to view it. Any suggestions to fix this?

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Jeff Sherk

    (@jsherk)

    The only way to fix this that I can think of, will be for you to modify the CSS which will squish the layout a little bit.

    Quickly playing with some CSS values, I found that changing
    line-height: 1.6;
    to
    line-height: 1.2;
    fixes the problem.

    So you could play with the line height using something like this.

    body, button, input, select, textarea {
     line-height 1.2 !important;
    }
    qplegal

    (@qplegal)

    Hmm… So, you’re saying there’s literally no way to make the top of a pop-up window remain on screen without extending past the screen border? That’s odd. I’ll try the CSS option, but I do prefer the larger line height if only I could make the window visible at the top. I wouldn’t even mind having to scroll if that were unavoidable. But scrolling up wasn’t even possible for some reason…

    Ok, trying CSS now. Thanks for the blazing fast response! 🙂

    – Tiffany

    qplegal

    (@qplegal)

    Sorry, that didn’t work. At first I got an error message when I entered the CSS in the customizer. So, I plugged it into csslint.net, which told me I needed a colon after “line-height” (I don’t write code, so I’m flailing in the dark on this). I added the colon and the error message went away back in the WordPress customizer. I published and refreshed the front-end, but I still have the same problem with the registration window.

    This plugin is EXACTLY what I need, if only I can fix this one problem. I hope there’s a solution. Thanks in advance.
    – Tiffany

    Plugin Author Jeff Sherk

    (@jsherk)

    Yes sorry I had an error in the code I posted. Should have been:

    body, button, input, select, textarea {
     line-height: 1.2 !important;
    }

    The default line height in that theme is 1.6, so changing to something smaller is what is necessary to make it fit. Could also try adjusting font size or margins or paddings as well.

    As far as the issue is concerned, it is a theme issue because the default registration page is not in a popup window and shows all the fields fine and scrolls just fine. Since the theme you are using puts the registration box into a popup window with all the fields, it becomes a little too big for the popup. So the only way to fix it is to adjust the CSS in someway (line height, font size, margins, padding, etc).

    I use a plugin called Simple Custom CSS by John Regan and Danny Van Kooten. You could give this a try to see if applies the CSS change better.

    Also maybe the theme itself has some customization options that would let you adjust font size or spacing on the registration page which would make it fit.

    Thanks

    • This reply was modified 1 month ago by Jeff Sherk.
    qplegal

    (@qplegal)

    So, no solution here. Bummer. I really like your plugin otherwise. Okay, thanks again for the quick responses. I’ll keep trying other CSS options or see if I can ask someone else. So far no luck. 🙁

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.