Change highlight effect color

  • mhraqib168
    Asked on June 13, 2024 at 7:08 AM

    Hi, I want to change the highlight effect of fields to be white rather then this https://form.jotform.com/241643313408450. I have changed it from advance designer to white but it did not workChange highlight effect color Image 1 Screenshot 20

  • Nozomi_K JotForm Support
    Replied on June 13, 2024 at 7:32 AM

    Hi mhraqib168,

    Thanks for reaching out to Jotform Support.  I understand that you want the field highlights to be white. It can be done by adding CSS code to your form. Let me show you how:

    .form-line.form-line-active {
    background-color: #FFFFFF;
    }

    To inject the CSS code in your form, check out the steps and screencast below:

    1.  In Form Builder, click on the paint symbol in the Form Designer.
    2. Select Styles from the tab options.
    3. Scroll down and enter the CSS code there.

    Change highlight effect color Image 1 Screenshot 40 Then it will show like this:

    Change highlight effect color Image 2 Screenshot 51 You can also disable the highlighting effect in the form settings. Let me show you how:

    1. In Form Builder, on the orange navigation bar, click Settings.
    2. Go to Form Settings and click Show More Options.
    3. Scroll down to Highlight Effect and select Disable from the dropdown.

    Change highlight effect color Image 3 Screenshot 62 Let us know if there’s anything else we can help you with.

 
Your Answer