My header and footer areas turns white in preview mode

  • dmaynardcfcga
    Asked on August 3, 2020 at 9:26 AM

    Hi,

    I've designed my form to have a black page color and a yellow form background. It design mode, it looks exactly like I want it too but when I preview the form, the header and footer portions of my form turn white. What is going on?

    Jotform Thread 2487883 Screenshot
  • Richie JotForm Support
    Replied on August 3, 2020 at 10:27 AM

    You may add this CSS to set your page break background color

    .form-pagebreak {
        border-top: 1px solid #ccc0 !important;
        background: transparent !important;
      
    }

    Guide:https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Please give it a try and let us know how it goes.

  • dmaynardcfcga
    Replied on August 3, 2020 at 12:37 PM

    It worked for the footer portion but not the header portion.

  • Rosa_C
    Replied on August 3, 2020 at 1:20 PM

    Please inject the following CSS code:

    .form-header-group {

    background: transparent !important;

    }

    .form-subHeader {

        border-top: 0px;

    }


    I have injected this code and it worked for me.

    Guide:https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Please let us know how it goes.

  • dmaynardcfcga
    Replied on August 3, 2020 at 2:05 PM

    That worked! Thank you!