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

  • jasperisu
    Asked on October 3, 2014 at 3: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.

    Custom CSS Change the label color after error styles are applied to be brighter Image 1 Screenshot 20

    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!

  • rehcgt
    Replied on October 3, 2014 at 4:52 PM

    Hi,

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

    Thanks.

  • jasperisu
    Replied on October 3, 2014 at 5:21 PM

    its here , thanx

  • rehcgt
    Replied on October 3, 2014 at 5: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
  • Ben
    Replied on October 3, 2014 at 6: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

  • jasperisu
    Replied on October 6, 2014 at 7: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

  • Ben
    Replied on October 6, 2014 at 8: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