I see some guidance for printing just a post or for using wp-print to do that, but is it possible to print the entire web page as it appears with both sidebars and header? Using "print" from the browser just stuffs the center column into a narrow left justified column. The site I'm using relies heavily on pages; so I would want "pages" web pages to print in addition to posts.

The "stuffing into narrow column" issue was fixed in 3.3.2

In 3.3.2 the print section in style.css looks like this:

/* ------------------------------------------------------------------
---------- PRINT STYLE ----------------------------------------------
------------------------------------------------------------------ */

@media print {

body { 
    background: white; 
    color: black; 
    margin: 0; 
    font-size: 10pt !important; 
    font-family: arial, sans-serif; 
    }

div.post-footer {
    line-height: normal !important;
    color: #555 !important;
    font-size: 9pt !important;
    }

a:link, 
a:visited, 
a:active,
a:hover {
    text-decoration: underline !important; 
    color: #000;
    }
    
h2 {
    color: #000; 
    font-size: 14pt !important; 
    font-weight: normal !important;
    }
    
h3 {
    color: #000; 
    font-size: 12pt !important; 
    }
    
#header, 
#footer, 
.colone, 
.colthree,
.navigation, 
.navigation-top,
.navigation-middle,
.navigation-bottom,
.wp-pagenavi-navigation, 
#comment, 
#respond,
.remove-for-print {
    display: none;
    }

td#left, td#right {
    width: 0;
}

td#middle {
    width: 100%;
}

/* 4 hacks for display:none for td#left and td#right for all all browsers except IE. */

*:lang(en) td#left{
    display: none;
}
    
*:lang(en) td#right{
    display: none;
}

td#left:empty {
    display: none;
}

td#right:empty {
    display: none;
}

}

To print the page as is try this print CSS instead of the one above:

/* ------------------------------------------------------------------
---------- PRINT STYLE ----------------------------------------------
------------------------------------------------------------------ */

@media print {

body { 
    background: white; 
    color: black; 
    margin: 0; 
    font-size: 10pt !important; 
    font-family: arial, sans-serif; 
    }

div.post-footer {
    line-height: normal !important;
    color: #555 !important;
    font-size: 9pt !important;
    }

a:link, 
a:visited, 
a:active,
a:hover {
    text-decoration: underline !important; 
    color: #000;
    }
    
h2 {
    color: #000; 
    font-size: 14pt !important; 
    font-weight: normal !important;
    }
    
h3 {
    color: #000; 
    font-size: 12pt !important; 
    }
    
 }    

Thank you. I updated to 3.3.2 and tried your suggested "as is" code in the css inserts box, but still got only the center column (although it is now nice and wide). Let me know if you can think of any other way to print a wysiwyg version of the site pages.

Replace the existing Print Style section in style.css with this new Print Style section posted above, by actually editing style.css in this case. Do not put it into CSS Inserts.

I am adding this to the Todo list, an option to print the whole page. Won't be included in 3.3.3 though

I've made the changes to the Print Style section in the css.php file and it seems to work fine, except that the logo image does not print on the page. Is there any way to address this? (I am suppressing displaying the header text, and am instead displaying a large logo image in its place.) Thanks!

Hi,

I've been reading this set of threads trying to solve my problem. I have Atahualpa 3.5.3 and can't get the entire page to print...even after putting the second set of code in the style css file in the atahualpa/styles folder location. what am I doing wrong.

Site is http://new.directchassis.com but I have others that may have this problem.
Thanks,
John