Text color underneath boxes

  • webtools@heart.org
    Asked on March 7, 2014 at 2: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!

  • Carina
    Replied on March 7, 2014 at 4: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.

  • nathanmclainaha
    Replied on March 7, 2014 at 5: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
    ...
  • Carina
    Replied on March 7, 2014 at 6: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:

    Text color underneath boxes Image 1 Screenshot 20

    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.