How to prevent checkbox labels becoming white (and invisible) when the form is being filled in?

  • Profile Image
    maddogs
    Asked on August 15, 2014 at 09:53 PM

    Hi,

     

    My checkboxes look great until you start trying to fill them in - when the field turns yellow and they become white - meaning you can't see them. 

     

    Please can you tell me how I can fix this?

     

    Thanks!

  • Profile Image
    EltonCris
    Answered on August 15, 2014 at 11:40 PM

    Hi,

    Inject the following CSS codes to your form. This will retain the checkbox label colors on active mode.

    .form-line-active .form-checkbox+label {

    color: #494949;

    }

    Guide: How-to-Inject-Custom-CSS-Codes-to-your-Form

    Result:

    Hope this helps!

  • Profile Image
    maddogs
    Answered on August 16, 2014 at 04:09 AM

    Thanks very much - but I just noticed I also have the same problem with my radio buttons....do you know what I can do about that?

  • Profile Image
    EltonCris
    Answered on August 16, 2014 at 05:00 AM

    Use this for radio buttons.

    .form-line-active .form-radio+label {

    color: #494949;

    }

    Cheers!

  • Profile Image
    maddogs
    Answered on August 16, 2014 at 05:51 AM

    Great, thanks a lot!