Minor Changes on Credit Card form that comes with Payment Tools

  • bugra_cc
    Asked on December 25, 2015 at 5: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.

  • mert JotForm UI Developer
    Replied on December 25, 2015 at 6:22 AM

    Hi there,

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

     

    Thanks.

  • mert JotForm UI Developer
    Replied 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.

  • bugra_cc
    Replied on April 8, 2016 at 6:45 AM

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

  • mert JotForm UI Developer
    Replied on April 8, 2016 at 6: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.