Removing page breaks for printing form

I am building a multi-page form. I want to remove the form page breaks when printing using a browser to reduce the number of pages.

Link to test form

I tried the following custom CSS code but the page break was not removed when printing the form.

@media print {
#input3 {
page-break-after: avoid;
}
}

Hi goldenbond,

Thanks for reaching out to Jotform Support. You can inject custom CSS codes to target all elements in the form to remove page breaks completely:

1. First, copy this code:

@media print {

    * {

        page-break-before: auto !important;

        page-break-after: auto !important;

    }

}

2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

3. Now, in the Form Designer menu, click on the Styles tab, scroll down, and p

Here's the result after injecting the custom CSS codes:

Give it a try and let us know how it goes.

Thanks for your help. The custom CSS code and reduced font size worked on another form to reduce the printout from 18 to 12 pages.