Print stylesheet

[laros]

I have received a message that my website is 0% optimized for printing and that i should

"Add printable stylesheets for all pages, wherever possible. In most cases, websites can share printable stylesheets over many or all pages, as with screen-based stylesheets."

Can anyone help me where and how to do that?

Thanks in advance!

[Pablo]

There is no automated way to create a printer friendly website.
But usually this is a dedicated page with text and images only.

[laros]

What do you mean with the dedicated with...?

Btw, thank you for the fast reply!

[BaconFries]

What do you mean with the dedicated with...?

It means what Pablo said. You will need to make a 'New Page' with the required text and images only then make a link to be able to download that page..

[laros]

I still dont understand what should "required text" mean. Sorry, still dont understand how to do it...

[Pablo]

- create a new page
- add text and images only
- use this page for printing

[laros]

Sorry, i am not sure if i understand it correctly.

I create a new page with text and images only (what do you mean by that?)

Is there any tutorial about it or step by step explanation?

Thank you!

[Pablo]

I'm sorry, there is no tutorial.

- create a new page
- make sure the layout is simple, so it can be printed

[BaconFries]

I create a new page with text and images only (what do you mean by that?)

What is it you don't understand by the above?? It really is as simple as it says without the need for a step by step or a tutorial!!
- create a new page
- add text and images only
- use this page for printing

[wb_user]

hello.
i do this work and i resolve this problem ,
first time, i add : link media="print" href="css/print.css" rel="stylesheet"/> in my page head.
after that i make own print.css with this code :

header, footer, aside, nav, form, iframe, .menu, .hero, .adslot{display:none;}
body{size:A4;height:auto;width:auto;margin-top:-55px;margin-bottom:-55px;margin-left:-195px;margin-right:-195px;transform:scale(.7);}
img{display:block;margin-left:auto;margin-right:auto;width:50%;}

this code maybe work for you , maybe not. and This code does not work correctly for all my pages.
image1 : https://pasteboard.co/IiyIYhH.jpg
image2 : https://pasteboard.co/IiyHOCr.jpg

[wb_user]

I create a new page with text and images only (what do you mean by that?)

What is it you don't understand by the above?? It really is as simple as it says without the need for a step by step or a tutorial!!
- create a new page
- add text and images only
- use this page for printing

hello BaconFries ,
some sites (and maybe google) check a dedicated style sheet for printing and that method not workable. please read this:
" I have received a message that my website is 0% optimized for printing and that i should "
and other thing, a print friendly page no need to some things like header, footer, nav and ... and for disable thats need to dedicated style sheet.

[laros]

How do you make print.css?

When i create a new page it opens .html page.

[BaconFries]

Over to you "wb_user", you gave a solution to laros, but missed out keypoints on how to actually make the print.css file, were to place the link code in the html and then what to do with the print.css file.

[wb_user]

i very sorry. my English is not good. for this reason i cant Give more explanation.
but i make a example project. you can see that and learn. please preview project page
https://wetransfer.com/downloads/d8a800 ... 152/08467f