# Printer Friendly CSS

**URL:** <https://meta.discourse.org/t/printer-friendly-css/30899>\
**Category:** UX\
**Created:** [July 8, 2015, 5:45pm UTC](https://meta.discourse.org/t/printer-friendly-css/30899 "2015-07-08T17:45:22Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)\
**Post date:** [July 8, 2015, 5:45pm UTC](https://meta.discourse.org/t/printer-friendly-css/30899/1 "2015-07-08T17:45:22Z")

</div>

So there is a couple of us at SP who have been playing with a print media css queries to try and make Discourse more “printer friendly”, so far we’ve come up with

```plaintext
@media print {
/* remove items N/A for print
** visual clutter etc. */
  .avatar,
  .topic-avatar,
  header,
  div.ember-view.topic-above-post-stream-outlet.topic-above-post-stream,
  div.ember-view.topic-map,
  section.ember-view.post-menu-area.clearfix,
  div#topic-footer-buttons,
  div#suggested-topics,
  div#progress-topic-wrapper,
  #topic-progress-wrapper,
  div.nums,
  ._flyout,
  .ember-view.btn,
  #topic-progress,
  .quote-controls,
  #topic-closing-info,
  div.lazyYT,
  .post-info,
  .saving-text,
  .draft-text,
  #discourse-modal,
  div.read-state,
  div.read-state.read,
  .edit-topic,
  a.reply-to-tab,
  a.reply-new,
  div.has-pending-posts,
  div.time-gap {
    display: none !important;
  }
/* bottom border to help separate posts */
  div.row {
    border-bottom: 1px solid #888;
    margin-bottom: -1px;
  }
  .cooked pre code { max-height: none; }
  #main-outlet { padding: 0 !important; }
  html,body { min-width: 0; height: auto; }
  .lightbox-wrapper img { max-width: 500px !important; height: auto !important; }
  .topic-body { width: auto; margin: 0; padding: 0; float: none; }
  .topic-post article.boxed .select-posts { width: auto; left: auto; right: 0; }
  .gap { width: auto; }
  .gutter { padding: 0; }
/* restyle div#topic-title */
  #topic-title {
    margin: 0;
    padding: 0;
  }
  #topic-title div div h1 {
    margin: 0 1em 0 0;
    padding: 0;
    float: left;
    font-weight: normal;
    font-size: normal;
  }
/* hide OP Solved plugin stuff */
  div.ember-view.topic-after-cooked-outlet.solved-panel {
    display: none;
  }
/* localhost - MOOT for production */
  div.ember-view.topic-category-outlet.show-topic-category-location,
  div.alert.alert-info.alert-emails-disabled,
  div.profiler-results.profiler-left.profiler-no-controls {
    display: none;
  }
}

```

Is this something the Discourse Team would accept in a PR on common.scss? (or desktop.scss)

---

_[View the full topic](https://meta.discourse.org/t/printer-friendly-css/30899)._