Styling Password Protected Page

[krtyler05]

Hi There!

I’m making password protected pages for a client site and have styled the pages in the template: Blank - No Container | Header, Footer. The page itself looks nice, but when I set a password for the page in my wordpress dashboard, the password protected page has no margins or padding around it:

Is there a way to style all of the password protected page forms in wordpress to have the same margins as the page content it’s protecting, or at least a bit of breathing room around the edges?

Many thanks!

[friech]

Hi Katie,

Thank you for writing in, please add this to Theme Options > CSS

form.post-password-form {
	width: 88%;
    max-width: 1200px;
    margin: 45px auto;
}

Feel free to adjust those values.

Hope it helps,
Cheers!

[krtyler05]

That worked perfectly! Thank you so much! One other QQ: Is there any way to get the “enter” button to be on the same line as the entry field in the form?

[rad]

Hi Katie,

Glad it works, please add this as well for button alignment.

    .post-password-form label, .post-password-form input {
     display: inline-block;   
    }

Cheers!

[krtyler05]

Sweet! That worked. Thank you

[friech]

We are delighted to assist you with this.

Cheers!