[Resolved] print stylesheet

[xdaniel]

Hello Tom,

is there an easy way to get a printable version only of the content? I tried to add this:

@media print {
.side-header, .main-navigation, .secondary-navigation, .right-sidebar, .left-sidebar, .footer-widgets {
display: none;
}

body {
font-family: Tahoma, Verdana, Arial, sans-serif;
}
}

but now the complete print preview is empty 😉

Best, Daniel

[Tom]

Weird, it shouldn’t be completely empty.

Try this:

@media print {
      .side-header, 
      .main-navigation, 
      .secondary-navigation, 
      .widget-area, 
      .footer-widgets {
            display: none;
      }

      body {
            font-family: Tahoma, Verdana, Arial, sans-serif;
      }
}

[xdaniel]

Yes Tom, that worked.

I had a problem with my breadcrumbs i inserted in the hook “after header”.

Thanks a lot, Daniel

[Tom]

What was wrong with them?

[xdaniel]

I insert Breadcrumbs NavXT in the hook with this code:

<div class="grid-container grid-parent">
      <div style="background: #fff; padding: 5px;">
           <div class="breadcrumbs" xmlns:v="http://rdf.data-vocabulary.org/#">
    <?php if(function_exists('bcn_display'))
    {
        bcn_display();
    }?>
</div>
      </div>
</div>

Then the printstylesheet didn’t work.

I changed it to

      <div class="breadcrumb-bg">
           <div class="breadcrumbs" xmlns:v="http://rdf.data-vocabulary.org/#">
...

and it works now with your code.

[Tom]

Awesome, glad it’s working 🙂

[Author]

Posts