Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Atahualpa 3 Wordpress theme (http://forum.bytesforall.com/forumdisplay.php?f=2)
-   -   Atahualpa 3.73 browser prints only content area ? (http://forum.bytesforall.com/showthread.php?t=17286)

robx Apr 11, 2012 05:15 AM

Atahualpa 3.73 browser prints only content area ?
 
Hi,

when printing pages/posts from browsers, It only prints content and not sidebar and header?

Is there a plugin that deals with this, or do I need to add something to style.css?

Thanks
Robx

lmilesw Apr 11, 2012 10:46 AM

I leave how the printed page looks up to the user as there are browser extensions that can affect the printing and different themes handle things differently. In your case for instance what if someone only want the page content and you force them to print the whole thing?

Here, however, is an article that addresses this issue and MAY be helpful.

robx Apr 16, 2012 11:46 AM

Hi,

have recvd request to have browser(s) print





sidebar, content and header.
Tried your suggest link, but with no success. Would my css override css.php?

I am using

/* Print Style Sheet */
@media print {
body { background:white; color:black; margin:0 }
#header { display: block }
#content { display: block }
#comments { display: block }
#sidebar { display: block }
#footer { display: block }
}

with
<link rel="stylesheet" type="text/css" media="print"
href="<?php bloginfo('stylesheet_directory'); ?>/print.css" />

in header.php
Any ideas ?

Is there such a thing as a generic print.css that is suitable for Atahaulpa?
Any feedback would be appreciated.

Thanks
RobX

lmilesw Apr 16, 2012 01:08 PM

Juggledad found an answer... Try taking out the code you added to header.php and add the following to CSS Inserts. Tweak as necessary.
HTML Code:

@media print {
#header,
#footer,
.colone,
.colthree,
.navigation,
.navigation-top,
.navigation-middle,
.navigation-bottom,
.wp-pagenavi-navigation,
#comment,
#respond,
.remove-for-print {
display: block;
}
}


robx Apr 17, 2012 08:12 AM

Hi,

thanks for your help.

Cannot get left sidebar to show in print preview. Per:

http://www.bimskitchen.com/about-us/

also, when I go to print in Chrome, it pushes the text and image in content to the left ?
When reload, it returns to normal? Cannot figure out why this would happen.

Your assistance is much appreciated. Thanks

RobX

juggledad Apr 17, 2012 08:53 AM

use this in the CSS inserts BUT BE WARNED you may not get what you think you should. Each column of the page may end on a new page (at least that's what happens on the MAC in Safari and Firefox) and in Safari, I have the option in the print dialogue to include the header and/or footer)

This is all controlled by the browser and operations system, not the website. a screen print is the way to go if you want the whole page...

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: block;}

        td#left, td#right, td#left-inner, td#right-inner {
                width: 0;
                display: block;
                }

        td#middle {
                width: 100% !important;
                display: block;
                }

        /* 8 hacks for display:none for all sidebars for all browsers except IE. */

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

        *:lang(en) td#left-inner {
            display: block;
                }
               
        *:lang(en) td#right-inner {
            display: block;
                }
               
        td#left:empty {
            display: block;
                }

        td#right:empty {
            display: block;
                }

        td#left-inner:empty {
            display: block;
                }

        td#right-inner:empty {
            display: block;
                }
               
}       


robx Apr 18, 2012 08:33 AM

Hi Juggledad,

thanks for staying with me on this one. I have to give up. As you mentioned, columns are not positioning properly. Am using Chrome, Safari and Firefox with same problem on Mac snow leopard.

Per previous issue re:

http://www.bimskitchen.com/about-us/

When I got to print, it shifts the centre column to right? Never experienced anything like that before.
Once printed, I need to reload page, to bring column(Content) back to correct position. Am wondering if you can take a look. Any ideas would be appreciated.

Thanks
RobX

juggledad Apr 18, 2012 09:16 AM

This is not really a theme issue. Go swap to twenty-eleven and do a print and you will see the sidebar gone - why, because sidebar information is not as important as the content.

go pick other themes and see, when you print 90% of themes will make the background white, the text black and get rid of the extraneous (sidebars) stuff


All times are GMT -6. The time now is 03:19 PM.

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