Custom Edit Password Protected Page

[Kamila_Gornia]

Hello, I have a page created using the Blank | No Container | Header, Footer template and I wanted to make it password protected.

It looks great when it’s viewed. However, when someone not logged in sees, it obviously the password protection comes up first - and it’s showing up on the very top behind my logo so they can’t actually enter the password. How can I edit JUST the password protected page? I tried playing around with other templates and the ones that work to make the password protected page look fine (so it shows up centered and where people can say something) but then the actual page design is off.

Here’s a video walkthrough:
https://screencast-o-matic.com/watch/cFebDvDOgY

Should I just look for some plugin instead? Would rather use WP native password protection for ease of use but it has to look the way so people can actually use it.

[christian]

Hey @Kamila_Gornia,

Please try adding this code in Appearance > Theme Options > CSS

.post-password-form {
    margin: 100px auto 20px;
    max-width: 700px;
}

Change 100px to the height of your header. Adjust the rest of the values as needed.

Thanks.