Forum Replies Created

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • in reply to: Show/Hide password User login #6547
    Natale Proietto
    Participant

        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.

        in reply to: Show/Hide password User login #6475
        Natale Proietto
        Participant

            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.
            in reply to: Show/Hide password User login #6467
            Natale Proietto
            Participant

                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.
              Viewing 3 posts - 1 through 3 (of 3 total)
              Customize Icon
              Need Customization? We specialize in delivering high-quality web and mobile design/development services to our clientele. Should you require customization services, please do not hesitate to reach out to us at your convenience.