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 background color of the "header" & "page break"?

    Asked by brodtex on May 13, 2012 at 05:09 AM

    Hello,

    I will wish to change the background color of the "header" and "page break" now gray, but not found how.

    Thank you for your help.

    Screenshot
  • Profile Image
    JotForm Support

    Answered by idarktech on May 13, 2012 at 05:19 AM

    Hi,

    To change your form's header and pagebreak background, you may use this CSS codes and then inject this to your form:

    .form-header-group{

    background: pink !important;

    }

    .form-pagebreak{

    background: blue !important;

    }

    Just change the highlighted colors to your preferred colors. Of course you can also use HTML Color Codes.

    Here's how you can inject css codes to your form: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Hope this helps. Let us know if you need any further assistance. Thanks!

  • Profile Image

    Answered by brodtex on May 13, 2012 at 05:36 AM

    Thank you for this information and that work very well for your speed!

    BR

  • Profile Image

    Answered by brodtex on May 13, 2012 at 05:53 AM

    And if you do not want the background color header and pagebreak?
    Is this possible?


    Thank you

  • Profile Image

    Answered by brodtex on May 13, 2012 at 06:00 AM

    Last question :)
    How to change the text color of header, without affecting the color of the other texts of the form?

    thank you

  • Profile Image
    JotForm Support

    Answered by idarktech on May 13, 2012 at 06:01 AM

    Use transparent, example:

     

    .form-header-group{

    background: transparent !important;

    color:blue !important; /*--header text color--*/

    }

    .form-pagebreak{

    background:  transparent  !important;

    }

  • Profile Image
    JotForm Support

    Answered by idarktech on May 13, 2012 at 06:04 AM

    I just updated my code, changing header text color added. Kindly check.

    Thanks!

  • Profile Image

    Answered by brodtex on May 13, 2012 at 06:09 AM

    Great !

    Thank you !

    BR

  • Profile Image

    Answered by YummyGarden on September 07, 2012 at 04:45 AM

    Dunno why this isn't working for me. It has before... it's like none of the CSS codes are working at this hour :-(

  • Profile Image
    JotForm Support

    Answered by idarktech on September 07, 2012 at 04:56 AM

    @YummyGarden

    Is this related to this? http://www.jotform.com/answers/127658-Updated-form-replaces-original-form-Links-don-t-update-#5. Please use your thread for your further questions.

    Thank you.