Credit card fields grey, hard to use

  • Resolved Adam

    (@jarfar)


    5 years ago

    The card fields show up on the checkout, but they are all greyed out as shown on the link.

    The problem is that there is div.__PrivateStripeElement wrapper element that have style set as follows:

    margin: 0px !important;
    padding: 0px !important;
    border: none !important;
    display: block !important;
    background: transparent !important;
    position: relative !important;
    opacity: 1 !important;

    https://ibb.co/JQmJVRv

    ps. To temporary bring it to normal state I call every time someone enters checkout, but I wish to just solve the issue in some clean way.

    $(document.body).on(‘updated_checkout’, function() {
    $(‘.__PrivateStripeElement’).attr(‘style’, ”)
    });

    • This topic was modified 5 years ago by Adam.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Missy a11n

    (@m155y5)

    Automattic Happiness Engineer

    Hi @jarfar – typically when we see odd things happen with those checkout fields, it’s due to a plugin or theme conflict.

    Here are some troubleshooting steps you can take to resolve this issue:

    1.) To begin, please make sure that your theme and all plugins are up to date.

    2.) Try to deactivate all the plugins except for WooCommerce to see if the issue persists. If the problem goes away, re-activate and test each plugin to see if you can determine which plugin the problem originates from.

    3.) If the above does not resolve the issue, try switching your theme to the Storefront theme (https://woocommerce.com/storefront/) and see if it works correctly. If it does, you’ll want to contact your theme’s developers and see if they have a fix/update.

    If the above steps don’t resolve the issue, please feel free to send us your System Status Report to help us troubleshoot. You can find it via WooCommerce > Status. Select “Get system report” and then “Copy for support”. Once you’ve done that, you can paste it into your reply here.

    Plugin Support Missy a11n

    (@m155y5)

    Automattic Happiness Engineer

    We haven’t heard back from you in a while, so I’m going to go ahead and mark this thread as resolved. If you have any other questions please feel free to start a new thread.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Credit card fields grey, hard to use’ is closed to new replies.