Red Hightlight Disabled But Still Showing

  • Profile Image
    Dannilee
    Asked on March 09, 2015 at 02: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

  • Profile Image
    Kiran
    Answered on March 09, 2015 at 03: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;

    }

    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!

  • Profile Image
    Dannilee
    Answered on March 09, 2015 at 03: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?

  • Profile Image
    Carina
    Answered on March 09, 2015 at 04:50 PM
     
    .form-button-error {
        color: #cccc66 !important;
       }
     
    .form-input-wide div {
        font-size: 18px;
        }
     
    Let us know if we can assist you further.