How to change the background color of the "header" & "page break"?

  • Profile Image
    brodtex
    Asked 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.

  • Profile Image
    idarktech
    Answered 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
    brodtex
    Answered on May 13, 2012 at 05:36 AM

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

    BR

  • Profile Image
    brodtex
    Answered 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
    brodtex
    Answered 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
    idarktech
    Answered 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
    idarktech
    Answered on May 13, 2012 at 06:04 AM

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

    Thanks!

  • Profile Image
    brodtex
    Answered on May 13, 2012 at 06:09 AM

    Great !

    Thank you !

    BR

  • Profile Image
    YummyGarden
    Answered 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
    idarktech
    Answered 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.