Archived topic

print stylesheet

5 replies · Started by xdaniel on September 5, 2015

Viewing posts 1–6 of 6

September 5, 2015 at 6:51 am #134547

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

September 5, 2015 at 9:25 am #134579

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

September 6, 2015 at 11:28 am #134811

Yes Tom, that worked.

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

Thanks a lot, Daniel

September 6, 2015 at 11:28 am #134812

What was wrong with them?

September 6, 2015 at 11:38 am #134816

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.

September 6, 2015 at 11:38 am #134817

Awesome, glad it's working :)

This archived topic is closed to new replies.

Start building better websites today.