Hi
Thank you for the detailed report and for providing the steps to reproduce the issue.
I checked your site and was able to replicate the behavior you described the “Show password” button appears blank on the checkout page. However, I wasn’t able to reproduce the same issue on my test site. This suggests the problem may be related to your site’s specific configuration, such as the active theme or Elementor.
To help narrow down the cause, could you please try the following on a staging site?
- Create a new test page and add the default WooCommerce Checkout block (or the classic checkout shortcode, depending on what you’re using) without editing the page with Elementor. Then check whether the “Show password” icon appears correctly.
- If the issue does not occur on that page, it would indicate that Elementor is likely involved.
- If the issue still occurs, please temporarily switch to a default WordPress theme, such as Twenty Twenty-Five, and check whether the issue persists.
If you don’t already have a staging site, you can easily create one using the WP Staging plugin:
https://wordpress.org/plugins/wp-staging/
Please let us know what you find. That will help us determine whether the issue is caused by WooCommerce itself or by an interaction with the theme or Elementor.
@shahzeenfarooq, thank you for the troubleshooting detail!
We have a staging site and:
- Created a new test page without Elementor, added the WooCommerce classic checkout, published the page, set the test page to be the checkout page in WooCommerce settings, and purged cache. The “show password” button still appeared blank.
- Set Twenty Twenty-Five as the active theme and purged cache. A test showed no “show password” button and instead, a “show password” slashed-eye/eye (changes when clicked and the password is hidden/shown) icon appeared directly in the password field in the far right.
It seems the problem is related to the Astra theme.
Hi @ronaldnissley!
Thank you for taking the time to perform those additional tests and for sharing the detailed results with us. This is very helpful.
Since the issue does not occur when using the Twenty Twenty-Five theme and appears to be specific to the Astra theme, this points to the theme’s styling or functionality affecting the password visibility control.
At this point, we recommend reaching out to Astra Theme Support for further investigation. They should be able to review how Astra is styling or modifying the password field and its visibility icon.
You can also share the testing results you provided with their support team, as they should help them identify the cause more quickly.
If you need any further assistance from the WooCommerce side, please feel free to let us know.
Thank you, @shahzeenfarooq. In the meantime, I had found this add_filter() one-liner in Astra documentation that resolved the problem to our satisfaction: Show Password Eye Icon Not Visible. The blank button no longer appears, and a togglable eye icon appears in the password field instead.
A bit of CSS (needs some additional testing/tweaking) made the dot characters (when password is masked) distinct and ambiguous characters (e.g. lowercase L, number 1, etc.) more legible when unmasked. By default, the masked password characters appeared almost like a solid line.
Hi @ronaldnissley!
You’re very welcome! Glad to hear you found a suitable solution and that the password visibility toggle is now working as expected.
It’s great that the additional CSS also helped improve the readability of the password field. Thanks for sharing the workaround and your findings with the community this may be helpful to others experiencing the same issue.
Before you go, If you’re happy with the support you received, we’d really appreciate it if you could leave us a review. Your feedback helps us continue improving our support and also helps other WooCommerce users know what to expect. You can share review here:https://wordpress.org/support/plugin/woocommerce/reviews/#new-post
