CertificatePrint.css
From Claremont MakerSpace
#cert-data { string-set: certname attr(data-name), certversion attr(data-version); /* Can't be `display: none;`, as it breaks string-set */ visibility: hidden; position: absolute; bottom: 0px; } .mw-body-content li::marker { content: "□\00A0"; padding-right: 1em; } .nochecklist li::marker, .wikitable li::marker, .toc li::marker { content: initial; padding-right: initial; } @media not print { .print-only { display: none; } } @media print { #firstHeading, #siteSub, .printfooter, .no-print, .toc { display: none; } .qrlite-result img { width: 1.5in; } /* Add link target as text, except mailto links */ a:not([href^="mailto:"])::after { content: " [" attr(href) "]"; color: initial; text-decoration: none; } @page { size: letter portrait; margin: 1in; @top-left { content: "Certification: " string(certname); font-size: 1.2em; color: #444; vertical-align: bottom; padding-bottom: 0.2em; } /*@top-right { content: ''; background-image: url("https://claremontmakerspace.org/wp-content/uploads/2018/06/cms_logo.png"); background-repeat: no-repeat; background-position: bottom; background-size: 100%; width: 7em; }*/ @bottom-left { content: string(certversion); color: #444; } @bottom-right-corner { content: counter(page); } } }