Change the appearance of the password protect page in wordpress

I have built a simple site for a non-profit and they want to have some pages password protected. I used the wp-edit-password-protected plugin to change the default text, but is there a way to have this section show up centered on the page rather than pushed over to the left?

Here is one of the pages http://jrgardenclublf.com/members/calendar/

Hello @jiltsmom,

Thanks for asking. :slight_smile:

You can add following CSS under X > Theme Options > CSS:

#wpppass form input {
    margin: 0 auto;
}

#wpppass {
    text-align: center;
    margin-top: 20px;
}

Here are some related links for further reading:

Hope this helps.

Thank you! This worked and I will look at the articles you referenced.

You’re welcome!
Thanks for letting us know that it has worked for you.

This code was working, but the password protect itself stopped working. The password was not being accepted and just kept reloading the password page. I installed a different plugin to change the text of the password page and it is working fine, but now this css code is not being applied and the password area is flush left, right below the header. Do you know why it would no longer be working? The page is http://jrgardenclublf.com/members/calendar/

HI there,

I have just checked the password page and it is centered. Were you able to get it sorted?

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.