Show Password Icon missing

Hi Steve,

Please add this CSS code in Enfold > General Styling > Quick CSS:

.woocommerce form .password-input, 
.woocommerce-page form .password-input {
    position: relative;
}

.woocommerce-page .woocommerce-form-login .show-password-input {
    position: absolute;
    top: 0.8rem;
    right: 1.2rem;
    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;
}

Please let us know if it helps.

Best regards,
Nikko

Hi Steve,

Please replace this part of the code I gave:

.woocommerce-page .woocommerce-form-login .show-password-input {
    position: absolute;
    top: 0.8rem;
    right: 1.2rem;
    cursor: pointer;
}

with:

.woocommerce .woocommerce-form-login .show-password-input {
    position: absolute;
    top: 0.8rem;
    right: 1.2rem;
    cursor: pointer;
}

Best regards,
Nikko

Hi Steve,

I think you accidentally removed this code:

.woocommerce form .password-input, 
.woocommerce-page form .password-input {
    position: relative;
}

after that is re-added, you will need to adjust the top value of the previous code.

Best regards,
Nikko