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

    Remove the hover highlight effect on item in Payment field

    Asked by mrrsdrivingschool on July 20, 2016 at 11:14 PM

    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

    Page URL:
    https://form.jotform.com/60437868395975

    product hover
  • Profile Image
    JotForm Support

    Answered by jonathan on July 20, 2016 at 11:49 PM

    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.

     

     

     

  • Profile Image
    JotForm Support

    Answered by jonathan on July 20, 2016 at 11:55 PM

    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.

     

     

  • Profile Image

    Answered by mrrsdrivingschool on July 24, 2016 at 05:33 PM

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

    Thanks,

    Jason

  • Profile Image
    JotForm Support

    Answered by Mike_G on July 24, 2016 at 08:15 PM

    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.