Hiding Enter Password Button on password page

[billonmaison]

Hello, I want to hide the "enter password "  button on my password page for both mobile and desktop views. This is because I've decided to use the password page as an email collection page instead. I've included pictures of both views for reference.

URL: Billon.Maison

[Moeed]

Hey @billonmaison 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
password-modal {
    display: none !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[billonmaison]

That did not work unfortunately. 

[Moeed · Accepted solution]

Can you add this code in the Shopify Custom CSS in password template, it should be good then.

password-modal {
    display: none !important;
}

Best Regards,
Moeed

[billonmaison]

Do I need to add both codes from your first response and this response? Or just this last one

[Moeed]

Just the last one and it should be good and looks like you already did it! 🙂

Best Regards,

Moeed

[billonmaison]

Yup it worked thank you! 😁

 I have another question. How can I center my Logo on the desktop version of the password page ? The theme editor itself doesn't seem to allow me to do this. The mobile view already has the logo centered but it on the desktop view its all the way to the left. 

[Moeed]

Hey @billonmaison 

Add this code below the code you added.

.password-header {
    display: flex !important;
}

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed