Custom CSS on stripe integration

Hi!

I have an issue with the stripe integration on my form last page. I can't target the css class to set new properties (see attached):

• is it possible to hide the total amount since I already display a recap?
• and to display the field labels above and not below the field? and change color + font-size?

Hi,

Can you please inject the following custom CSS code and let us know if that works for you:

#input_55_donation,

.donation_currency{

display: none;

}

.form-address-table.payment-form-table .form-sub-label-container .form-sub-label

{

position: absolute;

top: 2px;

}

Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

Please give a try and let us know if you need any further assistance.

Thank you!

Yes thank you!

But there's still the linebreak under the credit cards accepted? I can't manage to target it...

Hi,

As I understand, you are referring to the space under credit cards accepted part. If that's a case, please inject this custom CSS code as well to remove it:

#input_55_cc_firstName {

 margin-top: 0 !important;

}

#sublabel_cc_firstName {

top: -20px;

}

Please give a try and let us know if you are referring to something else.

Thank you!

Hi,

I am referring to the hr (the grey line) between the credit cards and firt name field?

Hi,

Kindly try the following CSS code to hide the hr line.

[data-wrapper-react="true"] hr{

  display: none!important;

}

Let us know if you have more questions.

Best regards,

It works, thank you!