Print stylesheet

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
laros
 
 
Posts: 93
Joined: Thu Jul 05, 2018 5:50 pm
Contact:

Print stylesheet

Post by laros » Fri May 31, 2019 2:03 pm

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!

User avatar
Pablo
 
Posts: 16883
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Print stylesheet

Post by Pablo » Fri May 31, 2019 2:12 pm

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

laros
 
 
Posts: 93
Joined: Thu Jul 05, 2018 5:50 pm
Contact:

Re: Print stylesheet

Post by laros » Fri May 31, 2019 2:18 pm

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

Btw, thank you for the fast reply!

User avatar
BaconFries
 
 
Posts: 4519
Joined: Thu Aug 16, 2007 7:32 pm

Re: Print stylesheet

Post by BaconFries » Fri May 31, 2019 3:30 pm

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
 
 
Posts: 93
Joined: Thu Jul 05, 2018 5:50 pm
Contact:

Re: Print stylesheet

Post by laros » Fri May 31, 2019 3:41 pm

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

User avatar
Pablo
 
Posts: 16883
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Print stylesheet

Post by Pablo » Fri May 31, 2019 4:16 pm

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

laros
 
 
Posts: 93
Joined: Thu Jul 05, 2018 5:50 pm
Contact:

Re: Print stylesheet

Post by laros » Sat Jun 08, 2019 6:08 pm

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!

User avatar
Pablo
 
Posts: 16883
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Print stylesheet

Post by Pablo » Sat Jun 08, 2019 6:11 pm

I'm sorry, there is no tutorial.

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

User avatar
BaconFries
 
 
Posts: 4519
Joined: Thu Aug 16, 2007 7:32 pm

Re: Print stylesheet

Post by BaconFries » Sat Jun 08, 2019 6:17 pm

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
 
 
Posts: 734
Joined: Sun Jul 05, 2015 7:03 am

Re: Print stylesheet

Post by wb_user » Sun Jun 09, 2019 3:57 am

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
 
 
Posts: 734
Joined: Sun Jul 05, 2015 7:03 am

Re: Print stylesheet

Post by wb_user » Sun Jun 09, 2019 4:00 am

BaconFries wrote:
Sat Jun 08, 2019 6:17 pm
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
 
 
Posts: 93
Joined: Thu Jul 05, 2018 5:50 pm
Contact:

Re: Print stylesheet

Post by laros » Sat Jun 15, 2019 3:43 pm

How do you make print.css?

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

User avatar
BaconFries
 
 
Posts: 4519
Joined: Thu Aug 16, 2007 7:32 pm

Re: Print stylesheet

Post by BaconFries » Sat Jun 15, 2019 5:33 pm

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
 
 
Posts: 734
Joined: Sun Jul 05, 2015 7:03 am

Re: Print stylesheet

Post by wb_user » Mon Jun 17, 2019 10:05 am

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

Post Reply