Hide Padlock On Password Page

[martujv]

Hello!

I want to hide the padlock on the right of the header on the password page.

I still want to be able to click on it and enter my store, but I want it to be invisible so that the visitors don't see it.

For some reason there isn't an option to change the color without coding.

Padlock: 

My website is www.truepodium.com and my theme is Stiletto.

Thanks in advance!!!

[Olllie · Accepted solution]

Hey, follow these steps:

• Log in to your Shopify Admin

• Go to Online Store:
  In the left-hand menu, click Online Store.

• Access Themes:
  Under the Themes section, find the theme you're currently using, then click Actions and select Edit Code.

• Open the CSS File:

  • On the left-hand side under Assets, look for a file named theme.scss.liquid, styles.css.liquid, or something similar (it may vary depending on your theme).
  • Click on the file to open it.

• Add the CSS:

  • Scroll to the bottom of the file.

  • Paste the following code at the very bottom:

.icon-padlock {
  opacity: 0;
}

• Save the Changes:
  After adding the code, click Save in the top-right corner of the code editor.

• Check Your Store:
  Go to your store’s front end to make sure the padlock icon is hidden (opacity 0).

Remember to like this and mark it as a solution if it solves your problem!

[martujv]

It worked! Thank you!

[Olllie]

No problem at all! Feel free to reach out if you need help with anything else.

Have an awesome day! 😃