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

    how do i edit template font color

    Asked by derdal on May 20, 2013 at 01:54 PM
    template font color font
  • Profile Image

    Answered by glennlee on May 20, 2013 at 02:18 PM

    Hi,

    You can change the font color on form style > font color

    You can also inject custom css.

    Thanks.

  • Profile Image
    JotForm Support

    Answered by Morian on May 20, 2013 at 02:20 PM

    Hello!

    To do that, simply inject the following custom CSS code

    .form-label-left {color:blue; } -> makes the Main Label blue 

    .form-sub-label {color:lime;} -> makes the label under the textbox lime

     

  • Profile Image
    JotForm Support

    Answered by KadeJM on May 20, 2013 at 02:46 PM

    @Morian

    Thank you for the additional instruction via css, it's very much appreciated. Both ways are very versitile. 

    Additionally if you do not want to use the Color Name as it's value you can also use Hex Codes to allow the use of a more specified color or shade.

  • Profile Image

    Answered by derdal on May 20, 2013 at 03:10 PM

    Thanks everyont for the info.  What I'm struggling with is the "Sharling Collectionz" template.  I want to change the Header color (orange to red).  However, when I did that, the font on my radio button options also changed to red.

    I'll get the hang of this eventually.

  • Profile Image
    JotForm Support

    Answered by Morian on May 20, 2013 at 03:17 PM

    Have you tried injecting a CSS code specifically for the header?

    You would use hashtag for that followed by the ID name of the header and then specify the color. If the header's id, for example is "header1" and you want it to be red you may use :

    #header1 {color:#FF0505;}

  • Profile Image

    Answered by derdal on May 20, 2013 at 03:26 PM

    We"ll try that.  Thanks again for such quick responses.  

  • Profile Image
    JotForm Support

    Answered by Morian on May 20, 2013 at 03:31 PM

    I used this code, for example, 

    #header_1 {color:#E30505;}

    #subHeader_1 {color:#E30505;}

    and it resulted in this


  • Profile Image
    JotForm Support

    Answered by Mike_T on July 08, 2013 at 06:07 PM

    For some reason this thread is marked as open. If you need any further assistance on this, please let us know by using the following link:

    http://www.jotform.com/answers/219363

    Thank you.