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

Store Design
, ,

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.
1

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

shopify community.PNG
shopify community.PNG1872×1016 34.7 KB

Thanks in advance!

Best regards,

Daphne

1 Like
2

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

Capture.JPG
Capture.JPG1899×804 42.3 KB

1 Like
3

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

sandyparihar07_0-1681289496068.png
sandyparihar07_0-1681289496068.png1585×757 27.8 KB

If it works please like and mark as solve.