What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Can I change the color or font of ONLY the title text?

    Asked by zradguy on October 29, 2012 at 12:31 PM

    It seems that we don't have control over the look and feel of the fonts and colors throughout a given form, aside from choosing a predefined theme, or affecting the entire font color of the form.


    Can I choose a separate font color for the title only (or any particular field for that matter), without affecting the rest of the document?

     

    Thanks very much!

    font font color thanks
  • Profile Image
    JotForm Support

    Answered by Welvin on October 29, 2012 at 03:16 PM

    Hi,

    You can change the titke color by injecting custom CSS codes into your form.

    Example:

    If your field (title) label ID is: header_26, inject this codes;

    #header_26 {

    color: f423ff:

    }

    Just change the color value to something that suits your needs.

    I hope this helps and please let us know for questions.

    Thanks

  • Profile Image

    Answered by zradguy on October 29, 2012 at 03:37 PM
    Hi there, thanks so much. I am unable to find the label ID for the main
    header as a matter of fact. Maybe I'm looking in the wrong place, but with
    other elements on a form, you can go into the properties and find the label
    ID. In this case, the field is not visible. How else can I determine the
    label ID of the element? Also, there must be a separate label ID for the
    heading and sub-heading of a title element.
    Thanks very much,
    Paul
  • Profile Image

    Answered by pinoytech on October 29, 2012 at 04:42 PM

     

    Hi Paul,

    To get the ID of a particular field:

    Using Chrome browser, preview your form (Open in new tab) then view the form's source [Right Click > Inspect Elements]

    If my colleague codes doesn't work for your form Header, you can use this codes.
    .form-header-group h2{
    color: #EFA003 !important;
    }
    If you need further assistance, feel free to contact us at anytime.

    Thank you!

     

  • Profile Image

    Answered by zradguy on October 29, 2012 at 04:45 PM
    Great idea, thank you very much!
  • Profile Image
    JotForm Support

    Answered by Welvin on October 29, 2012 at 04:46 PM

    You are Welcome. Do you have any questions? Please let us know. Thanks

  • Profile Image
    JotForm Support

    Answered by david on March 28, 2016 at 03:45 PM

    Since this thread is quite old, if you wouldn't mind creating a new one:

    http://www.jotform.com/contact

    Letting us know the form you are working on, as well as what specifically you are trying to change, we will be happy to help you adjust whatever you require.