Certificate print styles need updating - many bugs, including missing header
See original GitHub issueIssue Description
When printing certificates, the result is very messy. Even when enabling “print background images”, the header (including the logo) doesn’t appear.
The signature is enormous, and there are also other smiler smaller style issues (e.g. the verification URL in the footer breaks over two lines).
Sample print results
When printed in landscape mode, broken over two pages 😄 :

When printed in portrait mode, stays on one page:

Proposed solution
It seems that the only media query for printing is the default print.less, apparently generated by bootstrap. Given the importance of the certificates looking good (especially if printed by a recruiter/employer), I think it might be good to write up a print-specific CSS file for certificates or to extend the print.less stylesheet for the certificates.
Issue Analytics
- State:
- Created 4 years ago
- Comments:9 (9 by maintainers)

Top Related StackOverflow Question
I think we should explicitly set the browser viewport’s height and width to A4 landscape.
cc: @QuincyLarson
The certificates were intentionally not designed to be printed initially. These are meant to be digitally verified. I am in strong favor of keeping it as such.
Anyway, I understand that some users want the printed version. In this I think we would take this as a feature request and overhaul during our re-styling run.
@ahmadabdolsaheb is going to be taking point on these.