Password Screen is showing a white and blank ?

Shopify Discussion

Topic summary

A Shopify store owner is experiencing a white blank page when enabling password protection for their site. The issue prevents visitors from seeing the password entry screen.

Proposed Solutions:

Two community members offered CSS-based fixes:

  • Solution 1: Add CSS code to theme.css targeting .template-password.header-tra with background-color: #101010 !important

  • Solution 2: Insert custom code into theme.liquid file above the </head> tag

    • Navigate to: Online Stores > Themes > More Actions > Edit code
    • Locate theme.liquid file
    • Paste the provided markup code

Status: The issue remains unresolved in the thread. Both solutions suggest the problem stems from CSS styling conflicts affecting the password template’s visibility. No confirmation yet on which fix successfully resolved the blank page.

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

Hello! When setting my site on "Restrict access to visitors with the password,"the site loads as a white blank page :face_without_mouth: . I would really appreciate support.

www.graciasmadrecita.com

2

Hi @Gracias-Madre , go to theme.css and add the following code :

.template-password.header-transparent .shopify-section.header__outer-wrapper {
    
    background-color: #010101 !important;
}
3

Hi @Gracias-Madre

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

PageFlyRichard_0-1703035267063.png
PageFlyRichard_0-1703035267063.png1326×953 4.67 KB

Hope this can help you solve the issue

Best regards,

Richard | PageFly