Support » Themes and Templates » 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)
  • esmi

    (@esmi)

    Forum Moderator

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

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

    esmi

    (@esmi)

    Forum Moderator

    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.

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

    Michael

    (@alchymyth)

    Forum Moderator

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

    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.