Credit card payment: numbers not visible in text fields

  • I noticed a problem in my WooCommerce checkout in using Braintree credit card payment: credit card numbers are not visible once you start typing them to the text fields. The problem is only visual since when the number is correct, the borders of the text field turn green and payments do go through (without seeing any numbers there). This problem has appeared in Firefox, Chrome and IE and with different devices. Sometimes, VERY rarely, the numbers do show, which makes me confused.

    I am not an expert in this and my web designer decided to go on a holiday… I would really appreciate any help! You can test the problem by putting this item in the shopping cart (“Liity Nyt”) and going to checkout (“Kassa”). The credit card field is in the bottom of that page.

    https://www.ads-software.com/plugins/woocommerce/

Viewing 15 replies - 1 through 15 (of 26 total)

  • Did you ever get a response for this problem? I’ve tried with woocommerce but can’t fix the code and having the same issue.

    is this a plugin ? did you try to contact it’s authors ?

    Its woocommerce with authorize.net plugin. Woothemes is now telling me to hire a wooexpert (aren’t they supposed to do that?). Its a simple code issue on their side, but noone seems to know what to write.

    You can see the issue at https://www.vantac.com/cart If you try to type in the credit card numbers, they go in but don’t show. An inspect on the field is a simple font size issue (when unchecked, the numbers show)…but I can’t write the correct css code to overwrite the theme. Anyone that can help me?

    >Its woocommerce with authorize.net plugin

    what do you mean? if it is a separate plugin it is the plugin’s author responsbilily to make the plugin work with WooCommerce not the other way around : )

    Right? Frustrating! I’ve emailed woothemes and authorize.net and noone can figure it out. I’ve had to resort to ‘hiring’ a wooexpert. Ugh…

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    @loriframe, Hi, sorry to butt in, I was just wondering if this wooexpert approached you privately and if so, was it a user on this forum?

    No. The woothemes ‘ninja’ responded that I should hire a wooexpert to fix the issue. I just picked one from the list.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try this…

    If you’re not using a Child Theme, and if the theme doesn’t have a section for CSS modifications then do the following:

    1. Install this Custom CSS Manager plugin https://www.ads-software.com/plugins/custom-css-manager-plugin
    2. use its “CSS Code” section of the dashboard to hold your CSS modifications:
    3. (put this code in)

      .woocommerce input[type=text] {
    height: auto;
}
    4. Save

    Alternatively use your Child Theme style.css file to hold your CSS modifications

    @lorifram

    which plugin are you using? it is not authorize.net that you need the contact but the author of the plugin.

    you can go to >plugins find the plugin and in the details you will see the author.This is in case you have similar problems in the future.

    @andrew: I tried your code in my custom css but still doesn’t work ??

    @dimitris33: It is the WooCommerce Authorize.net CIM Gateway plugin. It is all run through woocommerce as they are the author of the plugin.

    Wait! OMG!! Andrew! You’re a genius!!! It’s working! Thank you so much!!!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    It doesn’t look like your custom css is loading, could you try the plugin?

    I will be forever thankful…

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Haha yay no “wooexpert”s necessary.

Viewing 15 replies - 1 through 15 (of 26 total)
  • The topic ‘Credit card payment: numbers not visible in text fields’ is closed to new replies.