changing hint color

  • kauseway
    Asked on August 30, 2015 at 3:01 PM

    I tried adding this to css:

     

    .form-custom-hint {color: #ffffff !important;}

    To change the hint color to white but did not work. Any suggestions?

     

    Also, if there is an error with the form it highlghts the field with padding in pink. I would rather it highlight the field without padding. Or just have the red warning message.changing hint color Image 1 Screenshot 20

    http://form.jotformpro.com/form/52396454318966

     

     

  • Charlie
    Replied on August 31, 2015 at 6:47 AM

    I assume you would like to change the place holder to white? I cloned your form and it seems like you have already made that change.

    Regarding the highlight when in error state, you can change it by adding this custom CSS code:

    .form-line-error {

        background: transparent !important;

    }

    I cloned your form and this is how it looks like: http://form.jotformpro.com/form/52422912635957?. Although the problem seems to be that your input text color is also white? Which is hard quite hard to notice when I view the form, perhaps you are embedding this on a background with dark colors? The placeholder is also white.

  • kauseway
    Replied on August 31, 2015 at 11:35 AM

    Also, do you see how the error is highlighing both fields inside the box AND the padding? I dont want to highlight all the padding around the field. Just the field itself??

  • Charlie
    Replied on August 31, 2015 at 1:54 PM

    Hi,

    The highlight error shows up in the whole element field. What you can do is adjust the element that holds the text boxes. 

    I'll try to come up with a working CSS code. I'll get back to you as soon as it works successfully.

    Thank you.