Hiding credit card payment option with custom CSS

  • ITGconference
    Asked on May 24, 2016 at 1:22 PM

    Injected code, but form not updating

    https://www.jotform.com//?formID=61395350009149

    Injected code to remove credit card payment option.  Preview of form looks fine, but the actual form is not updating to match preview.

    Code from JotForm forum injected

    #input_3_paymentType_credit, #input_3_paymentType_credit + label {

    display: none;

    }

  • Mike
    Replied on May 24, 2016 at 2:35 PM

    Please try the next CSS to hide the credit card payment option on form #61395350009149.

    #input_1_paymentType_credit, #input_1_paymentType_credit + label {
    display: none;
    }

    Hiding credit card payment option with custom CSS Image 1 Screenshot 30

    Hiding credit card payment option with custom CSS Image 2 Screenshot 41

    If you need any further assistance, please let us know.

  • ITGconference
    Replied on May 24, 2016 at 2:45 PM

    Thank you for your answer. The credit card radio dot is now gone, but I still see all of the fields for entering the credit card information.  Those are gone on the preview and I that is my desired option on the real form.

    How can I get rid of all the credit card payment information fields on the real form?

     

  • Mike
    Replied on May 24, 2016 at 2:59 PM

    The credit card fields will not be displayed on the actual form unless the credit card payment option is selected. In other words, your real form is fine.

    Hiding credit card payment option with custom CSS Image 1 Screenshot 30

    This is also possible to set a Default Method to PayPal in order to pre-select the PayPal payment method on form.

    Hiding credit card payment option with custom CSS Image 2 Screenshot 41

    Thank you.