Not printer friendly in Firefox

  • Resolved rphair

    (@rphair)


    9 years, 12 months ago

    Thanks to Ron for providing such a well-supported & versatile theme, which I am now using on my second design. I don’t remember seeing this issue on that other site, but with the current version of Frontier, set to use a child theme and under WordPress 4.1.1, printing does not work beyond the first page in Firefox.

    I have moved all my customisations out of the way, so all I have now is an empty child theme style.css (i.e., it does nothing but import the parent style.css). Therefore, as far as I can tell, this theme is not printer friendly in Firefox “out of the box.”

    I tried some things to fix the problem, especially resetting the “clearfix” CSS (class style “cf”) which renders some of the content as a table cell, with no results yet. Our printing problem looks like what I have seen in older browsers when tables spanned multiple pages and the content would start in the wrong place or get mysteriously cut off. It also looks like an “overflow” issue, but I can’t find anywhere in the parent CSS where this would cause our problem.

    I will upload a sample if that would help, but the problem should be visible easily enough. Both “Print Preview” and actual printing in Firefox show only the first page of long page content, for example these long pages on our site:

    We see this on both Firefox Linux 36.0 and Firefox Windows 36.0.4 – note also the navigation bar (which we’d normally suppress when printing) appears by itself on the first page, before a single page worth of content prints on the second page… then the footer on the third page, and no more. Chrome, on both Linux and Windows, works normally, as does Internet Explorer.

    I haven’t found anything else on the support forum about this, which is strange, since we have not customised the live theme except for standard settings in WordPress. It’s very likely a Firefox bug, but even if so we need to find a way around this problem before we publish this site.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author ronangelo

    (@ronangelo)

    Try adding this on your style.css and see if it fixes the problem.
    I’ll be adding it on the next update.

    @media print {
	#nav-top,
	#header,
	#nav-main,
	#below-menu,
	#slider,
	#sidebar-right,
	#sidebar-left,
	#footer,
	#bottom-bar,
	#comment-area,
	#widgets-wrap-before-content,
	#widgets-wrap-after-content,
	#widgets-wrap-before-post,
	#widgets-wrap-after-post,
	#widgets-wrap-before-post-content,
	#widgets-wrap-after-post-content,
	.entry-footer,
	.blog-nav,
	.post-nav {
		display: none;
	}

	#main,
	#content {
		padding: 0;
	}

	#content {
		display: block;
		float: none;
		width: auto;
	}

	.blog-view,
	.single-view {
		border: none;
	}

	.blog-view,
	.blog-view.sticky {
		border-top: 1px dashed #555;
	}

	#site-title a {
		color: #000;
	}

	#site-description {
		color: #333;
	}

	.entry-byline a,
	.genericon {
		color: #333;
	}
}

    Remember to refresh or clear cache/minified files if you’re using those plugins.

    Thread Starter rphair

    (@rphair)

    I see & probably my “reset” of the clearfix wasn’t working because of a CSS specificity problem. Your explicit declaration of the correct properties for the print view in the #content element fixes that.

    I’ve added your extra code to the Frontier parent theme (version 1.2.3) rather than the child style.css, so it will be consistent with future versions even if you change things a bit. Thanks for the excellent support.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Not printer friendly in Firefox’ is closed to new replies.