Text color underneath boxes

  • Profile Image
    webtools@heart.org
    Asked on March 07, 2014 at 02:43 PM

    Hi, 

     

    Is there a way to change the light grey text color that appear underneath form boxes? We would like to be able to make it darker so that it complies with web accessibility color guidelines. 

     

    Thanks!

  • Profile Image
    Carina
    Answered on March 07, 2014 at 04:46 PM

    Please insert the following css code:

    .form-sub-label

    {

    color:#000000;

    font-size: 12px;

    }

     

    You can also edit the font size by adding the blue part of the code. If you do not wish to change the size use only the yellow part.

    Let us know if we can be of more assistance.

  • Profile Image
    nathanmclainaha
    Answered on March 07, 2014 at 05:00 PM
    Thanks for the response! One more question: will this need to be done for each form or is there a way to make this a default for all of our forms?
    Thanks,
    Nathan McLain
    ...
  • Profile Image
    Carina
    Answered on March 07, 2014 at 06:12 PM

    Hello Nathan

    #EEEEEE is the default color for our Forms' sublabels.

    If you don't wish to insert this code in each form a workaround could be having a common external css file where you insert this code and then link all your forms to that external style sheet:

    But all your forms would need to be connected to that css file for this to work, so some editing in the forms' source code would be needed. I'm not sure if this method would be time-saving, except if afterwards you needed to edit some property. 

    You can see here more details on css.

    Feel free to contact us if you need further assistance.