I want to move my logo on the password page to the center, but I am stuck

Topic summary

A user seeks help centering the logo on their password/coming soon page built with Shopify’s free ‘Craft’ theme.

Two solutions provided:

  1. theme.liquid modification: Add custom CSS code at the bottom of the theme.liquid file (above </body> tag)

  2. section-password.css approach: Insert the following CSS at the end of section-password.css:

.password-header{
    display: block !important;
    text-align: center !important;
}

Both responses include screenshots demonstrating the expected centered logo result. The issue remains unresolved as the original poster hasn’t confirmed which solution worked.

Summarized with AI on November 21. AI used: claude-sonnet-4-5-20250929.

Hi everyone,

I want to move the logo on my coming soon page (password page) to the center, by using custom code. However I can’t figure out how to do it. My coming soon page is made by using the free ‘Craft’ theme. Can anyone help?

here you can see my page: www.luxurygrapes.nl

Thanks in advance!

Best regards,

Daphne

1 Like

Hey @sunwalker

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

1 Like

Hello @sunwalker ,

Don’t worry, just copy and paste below code in the end of the section-password.css file

.password-header{
    display: block !important;
    text-align: center !important;
}

Your logo will be in the center just like below screenshot

If it works please like and mark as solve.