Remove 'Access with Password' CTA from Password Page

Technical Q&A
1

Hi everyone -

I’m creating my online store and will have a ‘Coming Soon’ page for a few weeks. I’d like to remove the CTA that allows anyone with the password to access the site, since users won’t be needing that and it doesn’t make the page as clean as it could be. I’m using Debut theme.

Any advice on how to remove the CTA?

Many thanks,

Oriol

2

Hi @OriolBS

Welcome to Shopify Community.

Aibek is here from Speedimize.io

To do this, in the Debut theme, go to the Online Store editor - >Themes->Edit Code
Inside the editor, enter the password in the search box and click on password.liquid inside the Layout http://joxi.ru/D2P4x1asqNQeE2

Marked in red and will be the CTA. To hide it, of course, you can delete this button, but it is better to hide it through CSS. And to do this, open theme.scss in exactly the same way http://joxi.ru/xAeJnPpuR431yr. You may have a different theme and will have a theme.css. Nothing wrong.

At the very bottom of the theme.enter css:

.template-password .js-modal-open-login-modal {
  display: none;
}

After this, there will be no button.

Hope that helps you.

3

Hi @Anonymous (Aibek) -

This has worked perfectly.

Many thanks.