Home → Problems →

print specific css styling

• Edit

mikkel

13 Jul, 2011 05:26 PM

Hi there, let me tell you first, that I am very happy with Tender, it's just great :)

Now, there's one thing that I would really like to address though: Printing from the knowledge base. I know a lot of people like to print out documentatio and take it to the bus the toilet, whatever.. and it's so sad that the great design that Tender serves its users is totally abandoned !! when you try to print it out.

I have even tried fixing this myself, adding the following to my custom CSS option:

@media print {
   #superheader,
   #header,
   #faqsections,
   .footerbox,
   #footer,
   .breadcrumb,
   .admin-functions,
   .sidebar {
        display:none !important;
    }
}

But it makes no difference, the element are not hidden on the printout. That strange though, because if I change this to begin with

    @media screen {

Then it looks just like I would like it to look on print (well, almost.. but its an important start..)

Can you help me find out why my @media print rules do not have effect?

1. Support Staff 1 Posted by Courtenay on 13 Jul, 2011 05:57 PM

   

   We haven't really implemented that, but it SHOULD work. Are you
   viewing the print page on your own domain?

   • Edit

2. 2 Posted by mikkel on 13 Jul, 2011 08:39 PM

   

   yes on my own domain:
   http://help.wpkitchen.com/kb/wpkit-documentation/admin-panel-design

   • Edit

3. Support Staff 3 Posted by Courtenay on 13 Jul, 2011 08:47 PM

   

   Ah. I think it's because we override media=screen in the link tag.
   I'll try and override that so you can set it in your style sheet for
   print. This will get deployed the next time we push (this week).

   • Edit

4. 4 Posted by mikkel on 13 Jul, 2011 09:18 PM

   

   yes, I think this is the reason to, looking forward to finding out :)

   • Edit

5. Support Staff 5 Posted by Courtenay on 23 Jul, 2011 10:56 AM

   

   This has gone live. The power is all yours!

   On Wed, Jul 13, 2011 at 11:18 PM, mikkel <
   [email blocked]> wrote:

   • Edit