Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

Printing entire page including sidebars, header, etc.


  #1  
Old Apr 29, 2009, 01:17 PM
peterf
 
18 posts · Apr 2009
Printing entire page including sidebars, header, etc.

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.
  #2  
Old Apr 29, 2009, 08:14 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
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:
HTML Code:
/* ------------------------------------------------------------------
---------- 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:

HTML Code:
/* ------------------------------------------------------------------
---------- 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; 
    }
    
 }    
  #3  
Old Apr 30, 2009, 01:33 PM
peterf
 
18 posts · Apr 2009
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.
  #4  
Old Apr 30, 2009, 04:24 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
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
  #5  
Old Jan 4, 2010, 12:24 PM
linkomatic
 
6 posts · Jan 2010
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!

Last edited by linkomatic; Jan 4, 2010 at 12:54 PM. Reason: Did more testing and found partial fix.
  #6  
Old Nov 3, 2010, 06:11 PM
jnelson1000
 
1 posts · Nov 2010
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

Bookmarks

Tags
layout, print

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Removing header, footer and sidebars for a "splash" page mactony Header configuration & styling 29 Jun 9, 2010 08:10 PM
sidebar not stretching across entire page tim5046 Sidebars & Widgets 4 Jun 10, 2009 03:11 PM
Stretch Background Image To Fill Entire Page tim5046 Header configuration & styling 3 Jun 9, 2009 11:35 AM
including page menu bar in static home page Lee Mandell Page & Category Menu Bars 1 Jun 4, 2009 08:35 AM
IE Not Showing Entire page Mande Atahualpa 3 Wordpress theme 1 Apr 14, 2009 05:46 AM


All times are GMT -6. The time now is 01:26 PM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.