Woocommerce Show/Shide password

Hi,

Thank you for contacting us.

I am not sure if Botiga theme is causing you this issue. Have you checked with one of default WordPress themes like Twenty Twenty? If not, you may try switching theme while running the site under troubleshooting mode that you can enable from Dashboard > Tools > Site Health > Troubleshooting.

Please note that the troubleshooting option is only available when the Health Check plugin is active.

@kharisblank thanks for the reply ,

When i rolled back to default template i dont see any issues ( i can see the show password icon ) and it works.

Hi,

Thank you for getting back.

I did furthet checking and found that there is a little bug with the style (CSS) with Botiga theme. That’s indeed will be fixed soon in the next theme update release.

For temporary fix, you can add this CSS code to your site’s Additional CSS under the Customize menu.

.woocommerce form .password-input,
.woocommerce-page form .password-input {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.woocommerce form .password-input input[type="password"],
.woocommerce-page form .password-input input[type="password"] {
  padding-right: 2.5rem;
}
.woocommerce form .password-input input::-ms-reveal,
.woocommerce-page form .password-input input::-ms-reveal {
  display: none;
}
.woocommerce form .show-password-input,
.woocommerce-page form .show-password-input {
  position: absolute;
  right: 0.7em;
  top: 0.7em;
  cursor: pointer;
}
.woocommerce form .show-password-input::after,
.woocommerce-page form .show-password-input::after {
  font-family: WooCommerce;
  speak: never;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  margin-left: 0.618em;
  content: "\e010";
  text-decoration: none;
}
.woocommerce form .show-password-input.display-password::after,
.woocommerce-page form .show-password-input.display-password::after {
  color: #585858;
}