Printing blog pages

• 

  secretshadows · Member · Jan 31, 2009 at 10:56 pm

  • Copy link
  • Add topic to favorites

  How do I get it to where my blog posts will print without all the sidebar information, etc?? I found one place on this forum where I was given this CSS thing:::

  @media print {
  /* If printing the page, get rid of the sidebar and comments */
  div#wrapper { width: 100%; }
  div#wrapper * { width: auto; }
  div#header { margin: 0; padding: 0; display:none !important; }
  div#footer { margin: 0; padding: 0; display:none !important; }
  div.sidebar { margin: 0; padding: 0; display:none !important; }
  div.container { margin: 0; padding: 0; }
  .navigation { display: none; }
  #blog-title { display: none; }
  .comments { display: none; }
  }

  But when I put that in and hit save, half the information I copied and pasted disappeared and it didn’t work.

  Totally clueless about this stuff,
  Secret Shadows

  The blog I need help with is: (visible only to logged in users)

• 

  dlager · Member · Feb 3, 2009 at 2:54 am

  • Copy link

  you can only add CSS style sheet mark up which require a CSS upgrade at WordPress.com

  As far as I know
  @media print

  is not valid code here at wordpress.com.

• 

  secretshadows · Member · Feb 4, 2009 at 11:05 pm

  • Copy link

  hmmmm…

  I have the CSS upgrade.

  I don’t know CSS at all, but that code up there, I got from the support forum here in a prior post, and all these other people replied how well it worked. Didn’t work for me. I would’ve written in that topic, but it was closed.

• 

  dlager · Member · Feb 21, 2009 at 9:25 pm

  • Copy link

  If you remember the thread please pass on the link, I’d like to see it for my own needs.

  BTW… Some themes do not show widgets or sidebars on the individual Blog pages.
  (This all so handy to create PDFs for your own Blog posts.)

  “Black Letter Head” is an example… That might also be a solution, if one like those themes or can figure out the CSS that makes the sidebar go away on posts