Archived topic
Customize Password Protected page
5 replies · Started by sandi on November 19, 2020
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
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/
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
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;
}
Perfect! Thank you very much!
Sandi
You're welcome