Sub-heading - Changing the text colour

  • Profile Image
    ArchersPromo
    Asked on June 15, 2011 at 08:01 AM

    Hi,

    In the enclosed, how can I change the colour for the sub-heading under the name bar - Sub-heading 'First name & Surname' as highlighted, how can I change the colour from grey?

    Thanks

  • Profile Image
    DanielGriffin
    Answered on June 15, 2011 at 08:11 AM

    Hi there,

    you can override the default style for any element in the form by injecting your own CSS code.  To do this

    1. Open your form in JotForm
    2. Click on 'Setup & Embed'
    3. Choose 'Preferences'
    4. Select 'Form Styles'  and in the Inject Custom CSS and add the following code:

    #sublabel_first{  color: red;
    }

    #sublabel_last{  color: red;
    }

    Have a look at this link about CSS and fonts.  It should help you pick a style that you like.

    http://www.tizag.com/cssT/font.php

    Thanks,

    Daniel

  • Profile Image
    ArchersPromo
    Answered on June 15, 2011 at 08:27 AM

    Thanks Daniel, that worked great and for the fast reply!

  • Profile Image
    pharard
    Answered on March 02, 2013 at 02:19 AM

    Hey Daniel,

              Thanks for the info. This worked good for me as well. The only thing is that the sub heading color did not change for all subheadings in the form. Ex. the sub heading color changed for the NAME field but not the SSN field. Any ideas why that it is.

  • Profile Image
    pharard
    Answered on March 02, 2013 at 02:19 AM
  • Profile Image
    glennlee
    Answered on March 02, 2013 at 08:18 AM

    @pharard

    You can add this to Inject Custom CSS to change the color of all sub headings in your form . 

    .form-sub-label{ color:red; }

  • Profile Image
    pharard
    Answered on March 02, 2013 at 04:18 PM

    GlenLee...your awesome. It worked. I even modified the code from RED to BLACK. It still works. TYSM buddy. I appreciate it.

  • Profile Image
    glennlee
    Answered on March 02, 2013 at 07:20 PM

    I'm glad it worked. If you need more assistance don't hesitate to contact us.

    Thanks again and have great day.