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 to change the header's color?

    Asked by DukeCMO4U on June 05, 2016 at 10:04 PM

    I created my first form using an existing one you had available and modified it. The only thing I cannot figure out how to change is the header's (name of form) color... It is not an option in settings for that particular field or the general settings...

     

    Please help...

  • Profile Image
    JotForm Support

    Answered by Chriistian on June 05, 2016 at 10:10 PM

    I checked your latest form and it appears that you were now able to change the header's color using custom css.

    Another alternative to changing the header color would be to use the form designer and click on the header, then select the font color you like. Here's a guide that can help: Form Designer Tutorial: Let's create fantastic forms!

  • Profile Image

    Answered by DukeCMO4U on June 05, 2016 at 10:38 PM

    Thank you. I will give it a try.

  • Profile Image

    Answered by DukeCMO4U on June 05, 2016 at 11:24 PM

    This is very frustrating.

     

    The designer will not allow me to change the color of the header. Even when I followed your instructions above, It only allowed me to change the color of the second line "(C) 2016". SO I copied the header to the second line and I got my color right, but the font stays small, no matter what I 'tell' it to do... I choose large and it stays small.

    I tried to copy it back to the top line, but that blank space for it is gone...

     

    I was able to create a new 'header' but we are back to the same point -- I cannot change the font color with the 'Designer'

  • Profile Image
    JotForm Support

    Answered by Chriistian on June 06, 2016 at 12:09 AM

    I see that you have removed the header from your forms. I checked your form and I found that the custom css for the headers are still there. Because they have the !important property, the custom css is overriding the change that you made using the form designer. To resolve the issue, please delete the custom css from the Form Designer.

    h1,h2,h3 {

        border : none!important;

        color : #F26101!important;

    }