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

  • Profile Image
    jasperisu
    Asked 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!

  • Profile Image
    rehcgt
    Answered 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
    jasperisu
    Answered on October 03, 2014 at 05:21 PM

    its here , thanx

  • Profile Image
    rehcgt
    Answered 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
    Ben
    Answered 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
    jasperisu
    Answered 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
    Ben
    Answered 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