How can I change the field labels color?

  • hannahevans
    Asked on February 21, 2017 at 1:01 PM

    Sorry to trouble you - are you able to advise how I would change the colour of the labels fro First Name, Date, Email Address etc.?

    I have tried:

    #first_12, #last_12{

       color: #0A12FA

    }

    or

    #first_12, #last_12{

       font-color: #0A12FA

    }

    or

    #day_13, #month_13, #year_13, #lite_mode_13{

      color: #0A12FA

    }

    I have also added:

    form-label-left, .form-label-right, .form-label-top {

        color : #0A12FA !important;

    which has changed the first question to the colour I want - but I can't get it to replicate on the other questions.

    Any advice would be much appreciated.

    Thank you in advance!

  • Kevin Support Team Lead
    Replied on February 21, 2017 at 1:07 PM

    When you find the field ID you will get its number in the form as well, replace that number in the sample code below: 

    li#id_12 .form-label {

        color: green;

    }

    This should be the result: 

    How can I change the field labels color?  Image 1 Screenshot 20

    If you would also like to change the sub-labels color (for example "first name" or "last name") then you should simply replace the class ".form-label" with  ".form-sub-label" and keep the field ID. 

    Hope this helps.