Change the text or background color in password protected page

Store Design
1

Hello!

I would like to change the text color to white or the background color to white so people can see the password protected page and message. I am not sure how to do so, can someone help me?

webpage: https://designmehair.nl/

password: 12345

Thank you so much!

Screenshot 2022-09-13 at 21.14.53.png
Screenshot 2022-09-13 at 21.14.53.png2774×1678 286 KB

2

Hi there!

You can accomplish this by adding the following to the bottom of theme.css in the theme editor:

.template--password div,
.template--password .password--mailing-list input,
.template--password .password--login-form input[type=password],
.template--password label,
.template--password .password--mailing-list input::placeholder{
	color: #fff !important;
}
3

Hello! Thank you so much for your reply. Where exactly do I add this?

I am pretty confused with all things in the theme editor…

4

You will want to add it at the bottom of the theme.css file (it might be called theme–async.css on your site). Here is a good overview on how to edit theme code: https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/edit-theme-code

If you are overwhelmed looking at the code, just shoot me a DM and I can just take care of the edit for you :slightly_smiling_face: