Red Hightlight Disabled But Still Showing

  • Dannilee
    Asked on March 9, 2015 at 2:26 PM

    Hi

    http://form.jotformeu.com/form/50674782969373

    I am trying to remove the red border that appears around a required textbox/field when not completed. I have highlight set to disabled but it is still showing red.

    Also I would like to change the error text at the bottom to black and change the font size.

    Please can you advise, I really need to get this sorted asap and nothing I do seems to be working.

     

    Take Care

    Danni

  • Kiran Support Team Lead
    Replied on March 9, 2015 at 3:44 PM

    Hello Danni,

    I see that you have already tried injecting some CSS code to disable the error state. Could you please try change the last section of your injected code with the following :

    .form-line-error input, textarea {

    border : 1px solid #CCC !important;

    -moz-box-shadow : none !important;

    -webkit-box-shadow : none !important;

    box-shadow : none !important;

    }

    Red Hightlight Disabled But Still Showing Image 1 Screenshot 20

    Injecting this code should remain the text boxes and text areas with the default styling even on error state. Let us know if you are looking for something different. We will be happy to help.

    Thank you!

  • Dannilee
    Replied on March 9, 2015 at 3:53 PM

    Thank you that did the trick. Please can you tell me how to change the font size and color of the bottom warning under the submit button?

  • Carina
    Replied on March 9, 2015 at 4:50 PM
    Please add this code:
     
    .form-button-error {
        color: #cccc66 !important;
       }
     
    .form-input-wide div {
        font-size: 18px;
        }
     
    Let us know if we can assist you further.