Print stylesheet
Forum rules
IMPORTANT NOTE!!
DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.
PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
IMPORTANT NOTE!!
DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.
PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Print stylesheet
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!
"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!
Re: Print stylesheet
There is no automated way to create a printer friendly website.
But usually this is a dedicated page with text and images only.
But usually this is a dedicated page with text and images only.
Re: Print stylesheet
What do you mean with the dedicated with...?
Btw, thank you for the fast reply!
Btw, thank you for the fast reply!
- BaconFries
-
- Posts: 5364
- Joined: Thu Aug 16, 2007 7:32 pm
Re: Print stylesheet
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..What do you mean with the dedicated with...?
Re: Print stylesheet
I still dont understand what should "required text" mean. Sorry, still dont understand how to do it...
Re: Print stylesheet
- create a new page
- add text and images only
- use this page for printing
- add text and images only
- use this page for printing
Re: Print stylesheet
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!
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!
Re: Print stylesheet
I'm sorry, there is no tutorial.
- create a new page
- make sure the layout is simple, so it can be printed
- create a new page
- make sure the layout is simple, so it can be printed
- BaconFries
-
- Posts: 5364
- Joined: Thu Aug 16, 2007 7:32 pm
Re: Print stylesheet
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!!I create a new page with text and images only (what do you mean by that?)
- create a new page
- add text and images only
- use this page for printing
Re: Print stylesheet
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
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
Re: Print stylesheet
hello BaconFries ,BaconFries wrote: ↑Sat Jun 08, 2019 6:17 pmWhat 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!!I create a new page with text and images only (what do you mean by that?)
- create a new page
- add text and images only
- use this page for printing
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.
Re: Print stylesheet
How do you make print.css?
When i create a new page it opens .html page.
When i create a new page it opens .html page.
- BaconFries
-
- Posts: 5364
- Joined: Thu Aug 16, 2007 7:32 pm
Re: Print stylesheet
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.
Re: Print stylesheet
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
but i make a example project. you can see that and learn. please preview project page
https://wetransfer.com/downloads/d8a800 ... 152/08467f