Hi Reggy,
In looking at your desired output, I think it’s a matter of writing the CSS so that it tells the images to print in greyscale. In my experience, color:black won’t apply to images.
There are some CSS3 filters to convert RGB images to greyscale, but I don’t know if those will work in print.
http://www.w3schools.com/cssref/css3_pr_filter.asp
Please disable your plugins that are combining all your CSS and HTML into one minified mess so I can look at your CSS files. Thanks.
Thread Starter
Reggy
(@fluxwavez)
W3 Total Cache and Jetpack have now been disabled; hopefully that’s sufficient?
In looking at your desired output, I think it’s a matter of writing the CSS so that it tells the images to print in greyscale. In my experience, color:black won’t apply to images
Oh no, @liamdempsey, my desired input would just be for it to print the page as it appears. If I would have to, I would like to disable the side columns so that only the content of the page is printed.
-
This reply was modified 9 years, 5 months ago by
Reggy.
-
This reply was modified 9 years, 5 months ago by Reggy.
I’m not exactly sure what your print.css is intended to do. If you want to get rid of the side columns, you should “display:none;” them and make the center 100% wide.
Thread Starter
Reggy
(@fluxwavez)
I thought it would help me solve my issue with the printing page looking too narrow, however the modifications I’m making to it don’t seem to be changing anything, despite trying to write “display:none;” to test parts like the sidebar, the header or the footer.
this is all I see for your print.css file
@media print {body{background:white;color:black;margin:0;}}
Thread Starter
Reggy
(@fluxwavez)
I just put Cloudflare in development mode; maybe that was blocking some changes I was making.
It should appear right now as:
/* Print Style Sheet */
@media print {
body { background:white; color:black; margin:0; }
#header { }
#content { }
#comments { }
#sidebar { display:none; }
#footer { display:none; }
}
No results so far, unfortunately.
Thread Starter
Reggy
(@fluxwavez)
So I’ve determined that I can indeed hide minor elements such as the footer text with the above code, but I am unable to do so with the left or right columns, despite trying to with the CSS IDs “Primary” and “Seconday” that they seem associated with in Hueman. Possibly unable to do so with this theme?
Hi Reggy,
Have you tried including the class or id of the sidebar in your print.css? That can be helpful.
