My customers cannot see a "reset/forgot your password" in login page

Solved

My customers cannot see a "reset/forgot your password" in login page

Catcab
Visitor
2 0 0

My customers cannot see a "reset/forgot your password" in login page. There is only option to create a new account but not to reset password in case they forgot. Can someone help?

Accepted Solution (1)
PaulNewton
Shopify Partner
7721 678 1620

This is an accepted solution.

@Catcab Do not apologize, just do as it will affect you in the long term more than others in the short term.

There is a file cstm.css that has this CSS rule hiding the forgot password link(button):

 

.text--xsmall{
 display:none;
}

 

💣DO NOT remove that style from cstm.css without thorough inspection of the rest of the themes files and page testing,  as you may have no idea what other elements are incorrectly using it. 

Note: this is an anti-pattern for themes. An example of why utility token CSS methods, like tailwind etc,  are a bad design approach to be forced on merchants that just increases theme burdens.

 

Either:

  1. in the account templates, if editable , remove the .text--xsmall attribute from the forgot password button element.
  2. or with thorough testing remove the rule from cstm.css 💣.
  3. Or use a custom css setting to use a bad CSS band-aid to fix it. https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css 

 

.text--xsmall{
 display: block;
}

 

Or

 

 

.text--xsmall{
 display: block !important ;
}

 

 

👨‍💻avoid using !important unless tested first to be needed, as it generally indicates a fix for poor previous decisions.

Contact paull.newton+shopifyforum@gmail.com for the solutions you need


Save time & money ,Ask Questions The Smart Way


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Thank Paul with a Coffee for more answers or donate to eff.org


View solution in original post

Replies 3 (3)

PaulNewton
Shopify Partner
7721 678 1620

@Catcab Others are not mind readers provide an inspectable url. 

Customers can't see your page but others literally cannot even magically see your website without you communicating critical detail.

READ:  https://community.shopify.com/c/blog/how-to-get-support-from-the-community/ba-p/1399408 

 

Poor communication skills that make everything take longer unnecessarily are a big indicator of future failure.

Make the effort so others do not have to extract important information from you to solve your problems.

 

Contact paull.newton+shopifyforum@gmail.com for the solutions you need


Save time & money ,Ask Questions The Smart Way


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Thank Paul with a Coffee for more answers or donate to eff.org


Catcab
Visitor
2 0 0

Hi Paul, 

 

Thank you for all your explanation. 

My apologies, I didn’t provide more details because I thought it was a general problem of Shopify. But you’re right and I apologize for the lack of information.

 

As you can see in the print screen attached the customer is requested e-mail and password but there is no option to reset or recover password in case it is forgotten.

 

URL: https://disruptifbeauty.ch/account/login

Theme: Focal

Screenshot 2025-01-28 at 22.22.07.png

Thank you in advance.

PaulNewton
Shopify Partner
7721 678 1620

This is an accepted solution.

@Catcab Do not apologize, just do as it will affect you in the long term more than others in the short term.

There is a file cstm.css that has this CSS rule hiding the forgot password link(button):

 

.text--xsmall{
 display:none;
}

 

💣DO NOT remove that style from cstm.css without thorough inspection of the rest of the themes files and page testing,  as you may have no idea what other elements are incorrectly using it. 

Note: this is an anti-pattern for themes. An example of why utility token CSS methods, like tailwind etc,  are a bad design approach to be forced on merchants that just increases theme burdens.

 

Either:

  1. in the account templates, if editable , remove the .text--xsmall attribute from the forgot password button element.
  2. or with thorough testing remove the rule from cstm.css 💣.
  3. Or use a custom css setting to use a bad CSS band-aid to fix it. https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css 

 

.text--xsmall{
 display: block;
}

 

Or

 

 

.text--xsmall{
 display: block !important ;
}

 

 

👨‍💻avoid using !important unless tested first to be needed, as it generally indicates a fix for poor previous decisions.

Contact paull.newton+shopifyforum@gmail.com for the solutions you need


Save time & money ,Ask Questions The Smart Way


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Thank Paul with a Coffee for more answers or donate to eff.org