[Support request] Customize Password Protected page

[sandi]

Hello,
Is there anyway to make the Password page any nicer looking?
Using GeneratePress with child theme Freelancer.

I just need something (CSS) that will make it a bit nicer, maybe padding and center it and lighten it up a bit?

thanks
Sandi

[Elvin]

Hi,

To clarify: Do you mean your site’s login page?

The theme itself doesn’t control this.

Here’s the official WordPress documentation about this:
https://codex.wordpress.org/Customizing_the_Login_Form

You’ll need a third party plugin to customize WordPress’ login page.

You can follow this article for plugin recommendations.
https://www.wpbeginner.com/plugins/how-to-create-custom-login-page-for-wordpress/

[sandi]

Hello,
Sorry, I did not describe correctly. I’m looking for a way for a password protected page to look better.

If user is on your site and wants to access software page, I have added a password for them to get to that page.

I would like to be centered, lighter button, maybe in a box…

thanks
Sandi

[David]

Hi there,

try adding this CSS:

.post-password-required .entry-content {
    max-width: 1200px;
    margin: auto;
    padding: 100px 30px;
    text-align: center;
}
.post-password-form > p {
    margin-bottom: 40px;
}
/* submit button colors */
.post-password-form input[type="submit"] {
    background-color: #f00;
    color: #fff;
}
/* submit button hover color */
.post-password-form input[type="submit"]:hover {
    background-color: #00f;
    color: #fff;
}

[sandi]

Perfect! Thank you very much!

Sandi

[David]

You’re welcome

[Author]

Posts