What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

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

    Asked by learningmindsets 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

    Screenshot
    Credit Card title horizontal line
  • Profile Image
    JotForm Support

    Answered by Welvin 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

    Answered by learningmindsets 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
    JotForm Support

    Answered by Mike_G 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.