My form prints with a light gray background even though the form background color is white

  • mbrey
    Asked on September 20, 2017 at 3:28 PM

    Hello,

    We are using the Preview Before Submit widget, and are very happy with it. 

    However, when we print the data for the customer's records - no matter what template is selected, or what color background is chosen - it prints the text on a light grey field, wasting toner.

    Photo of printed document attached. Please advise how this can be altered.

    Thank you!

    Mike

    Jotform Thread 1253110 Screenshot
  • Support_Management Jotform Support
    Replied on September 20, 2017 at 4:34 PM

    Hello Mike, we can't see the screenshot you included on your post. Please reply to your thread (not via email) by going to this link, then post your screenshot from there.

    Related guide: How-to-Post-Screenshots-to-Our-Support-Forum

    I clicked the Preview Special Order button > then the Print button on your form and this is how it looked like from my perspective:

    My form prints with a light gray background even though the form background color is white Image 1 Screenshot 20

    We would better understand what you meant by "it prints the text on a light grey field" if you could share the screenshot again.

  • mbrey
    Replied on September 20, 2017 at 5:05 PM

    Hello Jim,

    I did not include a screen shot, because it looks exactly as you saw. The form on the screen, looks exactly as it should: black text on a plain white background. However, when I press print the resulting paper document is black text on a grey background.

    I had attempted to attach a photograph of the printed document. I will attempt to attach it again. 

    MikeMy form prints with a light gray background even though the form background color is white Image 1 Screenshot 20

  • Support_Management Jotform Support
    Replied on September 20, 2017 at 5:36 PM

    Can you please try adding the following CSS codes to your Form Builder to see if they will help:

    .form-all, #previewContainer {

      background: #fff !important;

    }

    @media print {

      .form-all, #previewContainer {

        background: #fff !important;

      }

    }

    Complete guide: How-to-Inject-Custom-CSS-Codes 

    If you do a test print afterwards and it still shows with a light gray background, would it be possible for you to print it using a different printer (just to further isolate other possible variables)? Kindly keep us posted.