Perishable Press Print CSS

by Jeff Starr on Wednesday, May 24, 2006 Comments

Editor’s Note: This article applies exclusively to our 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.

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 demonstration 1 of our fresh new CSS print styles.

1 Note: 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.

About the author

[ Jeff Starr ]

Jeff Starr is a web developer, graphic designer and content producer with over 10 years of experience and a passion for quality and detail. Jeff is co-author of the book Digging into WordPress and strives to help people be the best they can be on the Web. + Follow Jeff on Twitter and subscribe to Perishable Press for awesome web-design content delivered fresh.


Comments are closed for this post

If you have or need further information, contact me.



Attention: Do NOT follow this link!