Site logo

Archived topic

Customize Password Protected page

5 replies · Started by sandi on November 19, 2020

Viewing posts 1–6 of 6

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

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

This archived topic is closed to new replies.