More graceful print style?
Permalink Browser Info Environment
Hi,
This theme looks really nice! Another person raised a point about mobile terminal, but in addition, would it be possible to add a CSS style or something so that the pages would print more gracefully? (without background image but the text components clearly visible and nicely organized)
This theme looks really nice! Another person raised a point about mobile terminal, but in addition, would it be possible to add a CSS style or something so that the pages would print more gracefully? (without background image but the text components clearly visible and nicely organized)
| Type: | Discussion |
|---|---|
| Status: | New |
Hi,
I got the same problem. Probably we can add just a line in the css file, so the background will not be printed. But I don't know how? I saw this on the Web:
Maybe bg_image?
Thanks for helping us on this significant matter; if it's too complicated, make it only for without the background.
I got the same problem. Probably we can add just a line in the css file, so the background will not be printed. But I don't know how? I saw this on the Web:
@media print { .interactive, #menu, #nav, .ads, .pictures { display:none;
Maybe bg_image?
Thanks for helping us on this significant matter; if it's too complicated, make it only for without the background.
Just add this to your print stylesheet to have the background image not be displayed on print:
#backstretch { display:none; }
#backstretch { display:none; }
Can I simply add this to the main.css in the "customize_miscellaneous" :
Note:
I don't know where I can find the backstretch in the CSS file. It seems that it's not there.
Thanks for helping me; dearly appreciate it.
#backstretch { display:none; }Note:
I don't know where I can find the backstretch in the CSS file. It seems that it's not there.
Thanks for helping me; dearly appreciate it.
No, you cant add it like that to the main.css file. Ideally you would create a print.css stylesheet (like I referenced in the link above) and put it in there. If you dont want to do that you can try adding this to the end of the main.css file and see if that works:
@media print { #backstretch { display: none; } }
Ok.
How do I insert this line into the top of all my pages? :
How do I insert this line into the top of all my pages? :
<link rel="stylesheet" href="print.css" type="text/css" media="print" />
Ok.
I created a print.css file with this line:
I inserted in the Properties/Personal Attributes/Header Extra Content:
Am I right? Nothing seems to works. I cleared the cache and refreshed the page. ???
I created a print.css file with this line:
@media print { #backstretch { display: none; } }
I inserted in the Properties/Personal Attributes/Header Extra Content:
<link rel="stylesheet" href="print.css" type="text/css" media="print" />
Am I right? Nothing seems to works. I cleared the cache and refreshed the page. ???
Forget about it. Chris that creates the "Print Page" gave me an update of his add-on, and now it works; no more background when it print the page.
http://www.concrete5.org/marketplace/addons/print-page/...
Thanks.
http://www.concrete5.org/marketplace/addons/print-page/...
Thanks.
See this link for more info on print style sheets:http://www.webcredible.co.uk/user-friendly-resources/css/print-styl...
This might be something I address in a later version.