Password page design

Hi, I was wondering if you could help me with another issue for my website? I would like to center the logo on my password page at the store. I asked shopify AI to do it, it said I would need to change the code. I also created a custom liquid for my sms form via postscripts but the subscribe button at the bottom is cutoff on the password page. I was wondering if this can be fixed as well so the whole button will show. I am in the reformation theme. Thanks.

Hey @elijahr1989

Can you enable password on your website so I can have a look at the password page? Currently your website isn’t password protected and because of this, I can’t view the page. Let me know once done.

Best,
Moeed

@Moeed Hi I have done as requested. Thanks.

Hey @elijahr1989

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find password.liquid file
  4. Add the following code in the bottom of the file above </ body> tag
<style>
.password-header .logolink {
    justify-content: center !important;
}
.button, input[type="submit"] {
    padding: 7px 30px !important;
}
</style>

RESULT:


Hope that helps! If it did, a Like and Marking it as Solution goes a long way and helps others find the fix faster too.

Best,
Moeed

@Moeed hi I dont see password.liquid just password.css

That works too, just remove the <style> and </style> tags from the start and end of the code and then add the remaining code in your password.css file.

Best,
Moeed

@Moeed maybe im doing something wrong as I put the code in there but the logo is still left.

The original code is missing the closing curly brace:

Wrong / Right ( line 2650 here):

Hey @elijahr1989

You’re missing a curly bracket }. Add this in line number 2645 and it should be good.

Best,
Moeed

Hi @Moeed I added the bracket to 2645 as instructed. Logo is still left on the password page and not centered

.

Hey @elijahr1989

The problem has been sorted out.


Hope that helps! If it did, a Like and Marking it as Solution goes a long way and helps others find the fix faster too.

Best,
Moeed

@Moeed Thank you so much!

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

Cheers,
Moeed