Make form fit to one page when printing

At the top of my form it says add logo. I don't want a logo on so I haven't done.

when I embed in an iframe on my website there is a lot of empty space above the form. I'm not sure if it's the lack of a logo and theres space where the logo should be. Is there any way to remove this.

Also when I click print the same space seems to be there and the form starts qite low down the first page making it take up 3 pages.

Is there a way to sustomise how my for looks when printed? As I'd like it to be all on one page as it's quite a short form and I thinbk it will put people off printing it if it's any more.

Victoria

Greetings Victoria.

You can add the following CSS to your form:

@media print {

 .progressBar-newDefaultTheme {

  display: none !important;

 }

 .a11y_requirement_desc_line {

  display: none !important;

 }

}

This will remove the progress bar and the message about required fields, so they don't take much space. This will allow the form to be printed on 2 papers instead of three.

You can click here to see how to inject the provided CSS.

Please let us know the URL of your website so we can see what can be done with the form there.

Thank you for your cooperation.

So how do I add this to my form?

I can't give you the url as it a members only page but I've solved the problem and used the source code not the iframe code.

Hi,

You can add CSS to your form from your form builder by clicking the paintbrush icon.

Please refer to this tutorial for details:

https://www.jotform.com/help/117-how-to-inject-custom-css-codes

Let us know if you need further assistance.