Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

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

Atahualpa 3.73 browser prints only content area ?


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Apr 11, 2012, 05:15 AM
robx
 
10 posts · Apr 2012
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
  #2  
Old Apr 11, 2012, 10:46 AM
lmilesw's Avatar
lmilesw
 
10,097 posts · Jul 2009
Central New York State USA
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.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Apr 16, 2012, 11:46 AM
robx
 
10 posts · Apr 2012
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
  #4  
Old Apr 16, 2012, 01:08 PM
lmilesw's Avatar
lmilesw
 
10,097 posts · Jul 2009
Central New York State USA
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;
}
}
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #5  
Old Apr 17, 2012, 08:12 AM
robx
 
10 posts · Apr 2012
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
  #6  
Old Apr 17, 2012, 08:53 AM
juggledad's Avatar
juggledad
 
22,245 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
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;
		}
		
}	
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Browser prints left sidebar only sthahn Center area post/pages 3 Jun 15, 2011 05:59 AM
background color for the border area OUTSIDE the page/blog content area johnh44 Center area post/pages 3 May 4, 2011 02:27 PM
Center area stretches with browser window rhenium3 Center area post/pages 1 Nov 23, 2010 06:21 PM
[SOLVED] Browser hangs when saving Atahualpa settings lmilesw Plugins & Atahualpa 1 Mar 30, 2010 09:53 PM
Loading Atahualpa css/js from browser cache leer Atahualpa 3 Wordpress theme 5 Sep 16, 2009 04:31 AM


All times are GMT -6. The time now is 01:56 AM.


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