Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Print preview too small with newest few months releases of FF

more options

Somewhere around FF 86, the print preview was broken so one only gets a tiny, unreadable print preview. For a while, print.tab_modal.enabled = classic experience (false) worked. Sometime in the last few months, that was taken away and no longer works. How now do we get a print preview big enough to see and make our choices about things like scale?

I note that I run Windows 8.1 (up-to-date), Radeon HD graphics, 1280 x 1024 monitor.

Somewhere around FF 86, the print preview was broken so one only gets a tiny, unreadable print preview. For a while, print.tab_modal.enabled = classic experience (false) worked. Sometime in the last few months, that was taken away and no longer works. How now do we get a print preview big enough to see and make our choices about things like scale? I note that I run Windows 8.1 (up-to-date), Radeon HD graphics, 1280 x 1024 monitor.

All Replies (2)

more options

Hi Ellis, a few versions ago, the new combined print preview/setup overlay became the only print experience in Firefox. If you aren't using a wide 16x9 window, the text in the preview can get pretty small. I can definitely understand the problem with your monitor resolution.

Unfortunately, I can't offer you any built-in solution. There is an unofficial, community-supported workaround, which is to inject style rules into the browser to modify the size of the overlay. I have not tested on your display resolution, so I can't tell you how much difference it would make, but it would be better than the default sizing.

If you want to dive in:

It's a little bit of a project, so make sure you set aside 10 quiet minutes to work through it.

(For anyone who already has a userChrome.css file set up, you just need to add the rule under (A) to your file.)

(A) Generate and download a userChrome.css file with the above code

/**** Maximize Print Overlay Preview Size ****/

  /** Allow panel to be taller and wider **/

  .dialogBox.printDialogBox[sizeto="available"]{
    --box-ideal-height: 888 !important;
    width: calc(1080px + 250px + 50px) !important;
    max-width: calc(100vw - 4px) !important;
    max-height: calc(100vh - var(--box-top-px) - 4px) !important;
  }


It's the first sample rule in the following page --

https://www.userchrome.org/download-userchrome-css.html

-- so you can just click the "Generate CSS File" button and save the userChrome.css file to your computer. (See first attached screenshot -- note that your Firefox might save the file without showing this dialog)

Use the downloads list on the toolbar to open the downloads folder in Windows File Explorer, selecting the new userChrome.css file. (See second attached screenshot)

Minimize that file browser window for later reference.

(B) Create a new chrome folder in your profile folder

The following article has the detailed steps for that (#1, #2, and I recommend #3)

https://www.userchrome.org/how-create-userchrome-css.html

I have videos for both Windows and Mac in case the text is not clear.

(C) Move the userChrome.css file you generated in Step A into the chrome folder you created in Step B

(D) Set Firefox to look for userChrome.css at startup -- see step #6 in the above article.

The next time you exit Firefox and start it up again, it should discover that file and apply the rules.

more options

Thanks! Still considering if I'm too intimidated to try a custom userChrome.css . I can probably handle it if I have enough time to go slowly. (Just a matter of my personal level of technical know-how.)