How can I increase the size of the Credit Card title in payment field and remove the horizontal line?

  • Profile Image
    learningmindsets
    Asked on August 15, 2015 at 10:22 AM

    How can I increase the font of the 'Step 3...' text in my credit card block and remove the line that is auto generated by the payment integration?

    Below is a screen shot of the area in the form.  I also needed the color changed to darker blue. 

    Thanks

    Tim

  • Profile Image
    Welvin
    Answered on August 15, 2015 at 04:18 PM

    Hi Tim,

    Simply inject the following custom CSS Codes to the credit card form:

    th#ccTitle8 {

        color: #000080;

        font-family: tahoma, arial, helvetica, sans-serif;

        font-size: 12pt;

        padding-top: 15px;

        padding-bottom: 15px;

    }

    #cid_8 > hr {

    display: none;

    }

    I have added a padding and copied the other header styles to match them. Simply adjust the values if you need to. Here's how to inject the codes to your form: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes. Please make sure to add it to the bottom of the existing form codes.

    Thanks

  • Profile Image
    learningmindsets
    Answered on August 17, 2015 at 09:35 AM
    Thanks Welvin—But my credit card form is no longer showing the credit card payment integration section—would you have worked directly on the version I had saved?

    Thanks~
    Tim

    ...
  • Profile Image
    Mike_G
    Answered on August 17, 2015 at 11:59 AM

    @learningmindsets

    I would like to apologize, but can you help me identify the Credit Card form you are referring to, please? I have checked your account and I have found three credit card forms in it. 

    LrngPage Video CC Order

    LrngPage Video CCxs Order 

    LrngPage Video CCxs2 Order

    The one embedded on you Host Form as an iframe is the LrngPage Video CCxs Order form.

    http://form.jotformpro.com/form/52244107076954

     

    I just noticed that the form embedded on your Host form when credit card is selected doesn't have any payment integration really unlike the other two forms.

    You can check the embedded form URL on your IFrame embed widget by:

    You might be referring to a different form on your account that's why I'm asking for clarification. We will wait for your response so we may further help you. Thank you.