How to keep all background colors and label text color the same when there's an input error

  • Profile Image
    skwerl
    Asked on December 22, 2013 at 08:55 PM

    Hi,

    I edited my form so that the background color does not change by disabling the highlight effect and by using css. However, when there's an input error, the form backround still changes and the label text color changes from white to black. I want all background colors to be one color (#800000) and the label text color to stay white...

    form is here: http://form.jotformpro.com/form/33555378976977

    fix?

    thanx!

    gregg

  • Profile Image
    EltonCris
    Answered on December 23, 2013 at 12:17 AM

    Hi Gregg,

    Inject this to your form,

    .form-line-error {

    background: transparent !important;

    color:white !important;

    }

    That should removed the red error background and make the label color to stay white.

    -----

    Actually the easiest way to get rid of it is to disable highlight effect in the form builder. Check this visual guide:

    Cheers!

  • Profile Image
    skwerl
    Answered on December 23, 2013 at 12:34 AM

    Elton, worked perfect, of course!

    Note: I had already disabled Highlight Effect which only worked if there was *no* input error. Hope this makes sense: it seems the background effect when there is an error is a separate function?

    Anyway, thanks for the fast reply. This is why paying a fee for your service is more than worth it. at least for hobby coders like myself.

    gregg

  • Profile Image
    EltonCris
    Answered on December 23, 2013 at 01:00 AM

    You're welcome and thank you for reminding me about the highlight effect. I think I have to recheck it to refresh my memory. :)

    Anyways glad it works. Cheers!