[Natale Proietto]

Hi @AizazAwan
I managed to get show/hide password working.
Although it doesn’t change the icon from an open eye to a closed one, but it’s still ok. I used this code:

.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 .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: dashicons;
speak: never;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-left: 0.618em;
content: “\f177”;
text-decoration: none;
}

I used the plugin: Frontend Dashicons https://it.wordpress.org/plugins/frontend-dashicons/
to display the icon.

[Natale Proietto]

I managed to get the icon to appear, it works, but as you can see it doesn’t display well, it seems that it doesn’t take the encoding well. How can I get the eye icon to display properly?

This is the code used

.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
position: absolute;
right: 22em;
top: 16em;
cursor: pointer;
}

.woocommerce form .show-password-input::after, .woocommerce-page form .show-password-input::after {
font-family: WooCommerce;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
content: “\e010”;
text-decoration: none;
}

Attachments:

You must be logged in to view attached files.

[Natale Proietto]

Dear @AizazAwan
thank you for your reply. I have activated the link mode for login but on the account page, in the password section I don’t have the option to show/hide the password. I have also checked the custom css changes and there is no rule preventing it from working.

Attachments:

You must be logged in to view attached files.

[Author]

Posts