Blank pages when printing
-
If you set a header image in the customizer, then when you go to print a page with a header image, the entire page is blank.
It’s because thebody
tag gets the CSS classheader-image
. BUT the theme’s CSS file contains this code:form, button, input, select, textarea, .header-image, .navbar-collapse, .main-navigation, a.readmore, .page-links, .edit-link, .post-navigation, .posts-navigation, .wp-pagenavi, .page-links, .pagination.navigation, .site-content .widget-area, .comments-pagination, .comment-respond, .comment-edit-link, .comment-reply-link, .comment-metadata .edit-link, .pingback .edit-link, .site-footer { display: none; }
Most importantly it includes
header-image
, which is the CSS class applied to thebody
tag, not the actual header image (which is probably what was intended.) I thinkheader-image
should be removed as a CSS selector in that bit of code.A workaround is to add this custom CSS to the theme:
@media print{ body.header-image{ display:block; } }
- The topic ‘Blank pages when printing’ is closed to new replies.