Remove the hover highlight effect on item in Payment field

The fields ONLY in the "Check Out" area almost disappear whenever the mouse is selecting something in that area. The text turns into a dark grey and is very hard to see. When you click outside of that area, it turns back to white. None of the other fields in the form do this and I would like it to stop, it makes it very hard to read when people are filling it out.

Thanks!

Jason

https://form.jotform.com/60437868395975

Hi Jason,

I see what you meant when I checked your form https://www.jotform.com/60437868395975

Can you add this CSS codes on your form 

.form-product-item.hover-product-item {

    background : transparent !important;

    color : #fff;

}

It should fix the issue. Here is my test form https://www.jotformpro.com/form/62018507955964

Let us know if still not fix.

Thanks.

Addition:

Please replace the previous CSS code with this one instead.

.form-product-item.hover-product-item {

    background : transparent !important;

    color : #fff;

}

.form-line.jf-required.form-line-active {

    background-color : transparent;

    color : #fff;

}

This one includes the code to remove the hover highlight effect on the Total section as well.

Let us know if this did not work.

Thank you so much! Easy fix for the pros I guess!

Thanks,

Jason

On behalf of my colleague, Jonathan, you are most welcome. We are glad that your issue is already resolved. Please feel free to contact us anytime should you have any other questions or concerns. Thank you.