Minor Changes on Credit Card form that comes with Payment Tools

  • Profile Image
    bugra_cc
    Asked on December 25, 2015 at 05:08 AM

    Hi,

     

    I would like to remove the dash and the / symbols that are placed between cc number & ccv and between exp month & exp year.

    Is there a way to do this?

    It looks bad the way it is (last step): http://form.jotform.com/53384121695963

    Best.

  • Profile Image
    mert
    Answered on December 25, 2015 at 06:22 AM

    Hi there,

    Currently, I'm working to find a solution for your problem. I will come with the answer soon.

     

    Thanks.

  • Profile Image
    mert
    Answered on December 25, 2015 at 10:13 AM

    Now, I have an answer for your problem. To beat this problem, you need to inject some custom CSS to your form. Below, you will see the necessary CSS codes to make those marks invisible:

     

    .form-line-active {

        color : #fff;

    }

    .form-sub-label-container ~ .form-address-table .form-sub-label-container {

        color : transparent;

    }

    .form-sub-label-container ~ .form-address-table .form-sub-label-container .form-sub-label {

        color : #fff;

    }

    .form-sub-label-container ~ .form-address-table .form-sub-label-container input {

        color : #fff;

    }

     

    Please, try this one and let us know the results.

    Thanks.

  • Profile Image
    bugra_cc
    Answered on April 08, 2016 at 06:45 AM

    That worked out fine! Thanks. Sorry for the very late response :)

  • Profile Image
    mert
    Answered on April 08, 2016 at 06:47 AM

    Glad to hear that, you are most welcome. If you need anything else in the future, please don't hesitate to contact us.

     

    Regards.