Vertically Centered The form on Browser Window

  • Resolved khoavo

    (@khoavo)


    2 months, 2 weeks ago

    Hi there, thanks for your awesome plugin! I’ve been using the following CSS to have the entire login form center align vertically on the browser window. Is there an easier way to do this? Or can you add an option to the settings to allow us to center align the form vertically so no CSS is needed? Only because this Custom CSS doesn’t work well on some of my WordPress themes. The codes conflict is somehow.

    Without this CSS the entire login form by default alights center TOP and not center center.

    /* Login Form – Vertically center the login form on the browser window */
    body.login {
    display: block !important;
    } login {

      position: absolute !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 0 !important;

    }

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor Abdul Wahab

    (@abdulwahab610)

    2 months, 2 weeks ago

    Hey, @khoavo

    Thanks a lot for sharing this and for the kind words about LoginPress. We’ve noted your suggestion and will definitely consider it for the future.

    We appreciate you taking the time to explain your use case and the CSS conflicts you’re facing — feedback like this is always valuable to us.

    Thanks again for reaching out, and happy to have you using LoginPress!

    Thread Starter khoavo

    (@khoavo)

    2 months, 2 weeks ago

    Thanks

Viewing 2 replies - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.