What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Custom CSS - Change the label color after error styles are applied to be brighter

    Asked by jasperisu on October 03, 2014 at 03:44 PM

    Hi Jotform, 

     

    how to change the color of the name of the question, after its been selected?
    It turns grey now (see "Name", "Email" below in attachment), which makes it less easy to see on the dark background.

    it seems its not covered in this CSS tutorial : http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes (i did find there how to change the background color of a selected box.

    is there any more documentation about it? 

     

    thanx!

    CSS custom CSS alter CSS inject css
  • Profile Image

    Answered by rehcgt on October 03, 2014 at 04:52 PM

    Hi,

    Can you provide the URL of your form to take a look at it?

    Thanks.

  • Profile Image

    Answered by jasperisu on October 03, 2014 at 05:21 PM

    its here , thanx

  • Profile Image

    Answered by rehcgt on October 03, 2014 at 05:45 PM

    Okay, I've checked your form and you need to inject the following CSS code:

    .form-line-error {
         color: #FFF !important; //In case you want to leave the text white
    }
     
    If you prefer you can use a different color rather than white, just change the RGB code to the color of your preference.
     
    Please give it a try and let us know if it worked.
     
    Thanks
  • Profile Image

    Answered by Ben on October 03, 2014 at 06:59 PM

    Hi Jasper,

    What rehcgt has recommended is what will change your font to white and will make it visible on jotform after error occurred.

    If you want to just show the notification and not to have the names changed you should change his code to this so that your fonts stay in the same bluish color:

    .form-line-error {
    color: #E0E7FF;
    }

    You should inject this CSS code to the bottom of your jotform style and you can see here how to Inject Custom CSS Codes.

    You can see here how it would look before applying: http://form.jotformpro.com/form/42756967237974.

    Do let us know if that is what you wanted to achieve.

    Best Regards,
    Ben

  • Profile Image

    Answered by jasperisu on October 06, 2014 at 07:43 AM

    thanx Ben & Rehcgt, that worked. 

    PS: you have good eyes Ben. Many people didnt notice it was bleuish-white :) 

    PS2: Jotform is really the best form builder out there. If you'd make styling configuration easier (no CSS but menus) it would be uberperfect

     

    cheers

  • Profile Image

    Answered by Ben on October 06, 2014 at 08:41 AM

    Hi Jasper,

    thanx Ben & Rehcgt, that worked.

    PS: you have good eyes Ben. Many people didnt notice it was bleuish-white :)

    Thank you :)

    I am glad to hear that it had worked for you.

    PS2: Jotform is really the best form builder out there. If you'd make styling configuration easier (no CSS but menus) it would be uberperfect

    I can not say much, but in a near future you just might be seeing what you are talking about ;)

    Best Regards,
    Ben