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

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

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

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

...

@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.