Linking to Print Style Sheet

You see, it is very clever idea. Will just check if WordPress has some template override for stylesheet (besides CSS file).

You need to call print CSS right way in header, Settings - Additional HTML.

Forgot the code tags... here is the code I put into the head...

<link rel="stylesheet" type="text/css" media="print" href="<?php bloginfo('stylesheet_directory');=""?>/print.css" />

Last edited 27 May 2016 by mbusheycfrpc

<link rel="stylesheet" type="text/css" media="print" href="<?php bloginfo('stylesheet_directory'); ?>/print.css" />

Yes, you are right. I have no idea why the ="" is in there. It is not on the actual site, just in the post. Sorry for the mistake.

Maybe it would be good idea to make custom Print button, and send (open) same page and same content to another custom Themler template. As preview before clicking finaly Print button inside this preview.

Could be done many nice things with it. Disable comments, images display:none, borders, custom header and footer (best for invoices), and some other. Will see how Google see it, if not as duplicate content. Right now have a blockade.

Cellis, you dont say does it work for you now ?

No it does not work. :-( It worked with all of my Artisteer Themes but not Themler.

It works for me, just tested. Chrome browser.

Where do you add code ?

It wont help just copy / paste all code from style.css. You need to wrap all CSS code with:

@media print {
....copy your CSS code from style.css here...
}

Why do you force visitors to vaste colours on printer. Use black-white minimalistic print setting.

I added the code within Themler but that put it at the bottom of the head. Let me see if adding the @media print works...

I wouldn't mind so much if it was black and white... it doesn't have to be colors. But what I do mind is that every single link has the link text then the link address in parenthesis after. Even the logo at the top and every navigation button.

Last edited 27 May 2016 by mbusheycfrpc

Any ever get this solved? I can't get my print.css to work at all...the whole website layout is utterly broken and completely ignores my print.css file despite the instructions above and trying some other wordpress tutorials on print.css

Hello Stewart,
please submit new private topic and describe your issue in more details.
Also please provide access to your WP admin back end and we'll check the issue

Regards,
Aileen

Great tutorial! This is such an underrated aspect of web development. Getting print styles right saves so much paper and ink. It actually reminds me of the precision needed in my other hobby. When I'm preparing a CAD model for my 3D printer, I have to be just as meticulous with layer settings and 3D printing powder adhesion profiles to get a clean, usable final product. Thanks for sharing this!