A user wants to hide the password login form on their Shopify password page to repurpose it as a pre-launch email capture landing page while keeping the site private.
Solutions Provided:
Two respondents offered CSS code to hide the password form:
.password-enter { display: none; } to Custom CSS (Theme Settings)--section-min-height: 100svh)padding: 0)Implementation Path:
Navigate to: Online Store → Themes → Customize → Settings → Custom CSS
Both solutions directly address hiding the password form elements (input field, buttons, and text) shown in the user’s screenshot. The enhanced version provides better visual presentation by utilizing the full viewport height.
I’d like to continue to keep my site private, however, I’d like to hide the password form fill on the password page. Instead, I’ll be using this as an initial landing page to capture customer emails pre-launch.
Password page: – Nōamma
I’ve tried using display: none – but I can’t seem to hide all elements of the password form including the buttons and text. Below is a photo with an outline of what I’d like to hide.
Thanks in advance for the help!
Erfan
I’d try adding this code to the Customize=> Theme Settings=> “Custom CSS”.
It will hide the bottom panel and stretch the banner to full page height
.password-enter {
display: none;
}
.section--password {
--section-min-height: 100svh;
}
#MainContent.password-main-content {
padding: 0;
}
Hello @erfanini ,
I hope you are well!
Please copy and paste the code below by going to the Online store >> Themes >> Customize >> Click on Settings icon to the left >> Scroll down to the bottom and paste it to the custom CSS tab.
.password-enter {
display: none;
}
Now, the password field will be removed.
