Password show/hide button is abnormal

  • Resolved zhuxiaojie903

    (@zhuxiaojie903)


    1 year, 2 months ago

    Hi there,

    I have encountered a display issue on the login/account page. I wonder if you could help.

    As in the provided url, there is a weird and abnormal button on the woocommerce login page, its function is used to hide and show the login password, meanwhile the common eye-icon button which has the same function disappears. To troubleshoot I have disabled all plugins except the woocommerce plugin and Astra theme, the button was still there. When I change the theme to another WordPress theme – Twenty Twenty-Five, the login page appears to be normal (no additional button and the show/hide password eye-icon is in the password input frame). There is no additional code in functions.php. I deleted all additional CSS from the theme customiser, the abnormal button was still there.

    The weird button html element is as below:

    <button class=”show-password-input” aria-label=”Show password” aria-describedby=”password”></button>

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter zhuxiaojie903

    (@zhuxiaojie903)

    1 year, 2 months ago

    Hi I have just submitted a ticket. I have also followed the video ‘DIY WordPress Debugging for Non Coders ( Part Two ) – How to Resolve?’, and it turned out that the bug is with Astra theme. Looking forward to any replies or helps.

    Aradhy Singh

    (@bsfaradhy)

    1 year, 2 months ago

    Hi @zhuxiaojie903,

    Thank you for reaching out! I see that your ticket has been responded to. Can you please check the response and let us know how it goes on the ticket itself?

    Also, to keep the conversation in one place and ensure a smoother resolution, we’d appreciate it if you could mark this thread as Resolved.

    Best regards,
    Aradhy 😊

    zapoz

    (@zapoz)

    1 year, 2 months ago

    I’ve encountered the same problem. Is there a solution available?

    Thread Starter zhuxiaojie903

    (@zhuxiaojie903)

    1 year, 2 months ago

    Hi @zapoz,

    I found a temporary solution myself, not sure if this is the official method or not, but it worked for our website for now.

    1. Add the eye-icon hide/show password button. It looks like Astra theme does not have this button, so we need to add it manually. You can refer to this page https://wpastra.com/docs/show-password-eye-icon/. Or add below code to your functions.php file:

    add_filter( 'astra_get_option_woo-show-password-icon', '__return_true' );

    2. Then Add below css code to your theme customizer to change the format of the button:

    .show-password-input {
    all: unset; display: inline-block; cursor: pointer;
    }

    Hi @bsfaradhy ,

    Thanks for following up, I will reply that ticket and mark it once the problem is totally solved.

    Aradhy Singh

    (@bsfaradhy)

    1 year, 2 months ago

    Hi @zapoz,

    You can try the solution suggested by @zhuxiaojie903 and see if it helps. If you would like further assistance, I would request you to reach out via our support portal as we still need help in replicating the issue.

    @zhuxiaojie903 sure, feel free to reply and share the update.

    Kind regards,
    Aradhy

    Thread Starter zhuxiaojie903

    (@zhuxiaojie903)

    1 year, 1 month ago

    Thank you

    Aradhy Singh

    (@bsfaradhy)

    1 year, 1 month ago

    Happy to help!

    Don’t hesitate to reach out if you need any further assistance in the future.

    Kind regards,
    Aradhy 😊

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Password show/hide button is abnormal’ is closed to new replies.