Printing Header image in Twenty Twelve

  • Hello,

    I have a child theme based on Twenty Twelve. When I try to print the blog page, the header image fails to print. As far as I can tell, the header image is not a background, so why isn’t it printing? What can I do to make it printable?

    link to website

    Thanks,
    usaadi

Viewing 6 replies - 1 through 6 (of 6 total)

  • Unless you provide a link to a page demonstrating the problem, no one will be able to offer much in the way of assistance.

    Thread Starter usaadi

    (@usaadi)

    I edited the post with the link. Here it is again: https://www.almontadaalarabi.com/

    You need to over-write :

    .author-avatar,
	#colophon,
	#respond,
	.commentlist .comment-edit-link,
	.commentlist .reply,
	.entry-header .comments-link,
	.entry-meta .edit-link a,
	.page-link,
	.site-content nav,
	.widget-area,
	img.header-image,
	.main-navigation {
		display: none;
	}

    at line 1662 of the parent theme’#s stylesheet in your child theme’s CSS for img.header-image.

    Thread Starter usaadi

    (@usaadi)

    Yes, that seems to be what I was looking for. Thanks for the quick reply.

    check the ‘print styles’ section in style.css of Twenty Twelve (near the end).

    img.header-image is in the list of items with display: none;

    overwrite this in the child theme’s style.css, with:

    @media print {
	img.header-image {
		display: block;
	}
}
    Thread Starter usaadi

    (@usaadi)

    I made the changes and now the header image appears in print preview. I don’t have access to a printer at the moment, but I’m sure it will work now. Thanks a lot.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Printing Header image in Twenty Twelve’ is closed to new replies.