How to modify the password entry page

Support
#1

I want to improve the look of the password entry page i.e. the page where a user enters the password in case of pages that are Password protected. I want to add some more text there and change the layout etc. How would I do that in Pro? See secure note for an example page link. Currently, it looks like this and is not very attractive…

#2

Hello Misha,

Thanks for writing in!

Password protect page can’t be edited in Pro Theme content builder. You will have to do custom development work which falls outside the scope of support we offer.

However, you can style the page using CSS. Here’s some sample CSS that you can use to get started:

.post-password-form {
    text-align: center;
    margin-top: 50px;
}

.post-password-form input[type="submit"] {width: 10%;}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

#3

Thanks @Prasant

#4

You are most welcome. :slight_smile:

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.