Print Order Confirmation Unreadable

[Jim Cockerham]

I have been banging my head on the wall over this one today. The default ORDP (printable Invoice) is fine on screen but when trying to print it the text is bold and unreadable. Is anyone else seeing this with the Suivant theme? I see there are some print styles setup in the print.css file and they look fine. I tried changing the font /size but it does not make it readable.

[Brennan]

Re: Print Order Confirmation Unreadable

Does it print poorly in a different browser? It may be your browser changing things.

[Jim Cockerham]

Re: Print Order Confirmation Unreadable

Sorry, I should have tried this before. Yes it looks fine in Firefox and Internet Explorer, but Google Chrome is where the problem occurs. Any idea where to look to fix for Chrome?

[Matt Zimmermann]

Re: Print Order Confirmation Unreadable

Hi Jim,

Looks like this is a Webkit only issue. To correct it, in your "print.css" stylesheet at line 31, remove both the "-webkit-filter" and "filter" declaration. This will correct the screen display as well as the actual printed page.

[Jim Cockerham]

Re: Print Order Confirmation Unreadable

Hi Jim,

Looks like this is a Webkit only issue. To correct it, in your "print.css" stylesheet at line 31, remove both the "-webkit-filter" and "filter" declaration. This will correct the screen display as well as the actual printed page.

Matt, thank you...that did the trick!

[Bruce - PhosphorMedia]

Re: Print Order Confirmation Unreadable

Matt,

Just tried this fix on three separate sites...no change. Display still looks as attached:

[Matt Zimmermann]

Re: Print Order Confirmation Unreadable

Hi Bruce,

Did you remove the filter calls from within the BODY declaration or the *,*:before,*:after one?

[Bruce - PhosphorMedia]

Re: Print Order Confirmation Unreadable

The one for

*:after one?

that's what was on line 31 (or closest to it), removing it from body works.

For prosperity

body {
      background-color: #fff;
      color: #000;
    /*  -webkit-filter: grayscale(100%) !important;
      filter: grayscale(100%) !important; */
      font: 0.57em / 1.3 Helvetica, Arial, sans-serif;
   }