New Bookstore! Save 20% on books with discount code: LAUNCH
Web Dev + WordPress + Security

Perishable Press Print CSS

Editor’s Note: This article applies exclusively to my Lithium theme, which is no longer the default site theme. Different themes may or may not include print style sheets of their own. Click here to check out the Lithium theme, to which this article applies. Click here to see a list of all available themes.

Print styles

Perishable Press now with fully printable articles! Check out the new print CSS stylesheet by checking out an article’s “Print Preview” from the browser’s “File” menu. Before the addition of special CSS styles for print versions, Press articles printed non-sequentially and included everything — buttons, banners, text fields, icons, and every odd list, break, and scrollbar — and looked utterly disastrous. Well thank heavens the nightmare is over. Articles now print like articles and pages now print like pages. Here are some articles that include some common post elements — text, code, lists, images, etc. — as demonstration1 of our fresh new CSS print styles.

Footnotes

1 Tested with Firefox 1.5.0.3, Internet Explorer 6.0.2900, and Netscape Navigator 8.0.1. For some mysterious reason yet to be determined, Opera 8.54 refused to cooperate, and thus may not prove worthwhile for printing Perishable Press articles. Don’t cry too much. Also, it should be noted that, for browsers other than Opera, regardless of how jumbled the links or other text may appear in Print Preview mode, the articles will indeed print according to CSS. This is due to CSS2 rules that append and print the full URL after each link.

Jeff Starr
About the Author
Jeff Starr = Fullstack Developer. Book Author. Teacher. Human Being.
WP Themes In Depth: Deep dive into WP theme development.
Welcome
Perishable Press is operated by Jeff Starr, a professional web developer and book author with two decades of experience. Here you will find posts about web development, WordPress, security, and more »
GA Pro: Add Google Analytics to WordPress like a pro.
Thoughts
Take a screenshot with Firefox (no extension required). Open Developer Tools Settings and enable the “Take a screenshot” button. Then click the button :)
Take a screenshot with Chrome (no extension required). Open DevTools, type Cmd + Shift + P, then type screenshot.
After 10 years working on my 2010 iMac, my upgrade finally arrived. Shiny new iMac shipped from Ireland :)
Too much caffeine weirds me out. But I love the taste of coffee. So once in a while I enjoy a small cup of decaf. Hits the spot.
Chris Coyier is a truly awesome person. One of the finest people I've ever worked with. Just #gottasayit
Excel won't open CSV file because SYLK format? Open it with text editor and add an apostrophe ' at the beginning of the file, save changes, done.
Displaying too many social media buttons and links all over the place imho makes you look desperate and frankly kinda sad.
Newsletter
Get news, updates, deals & tips via email.
Email kept private. Easy unsubscribe anytime.