@Print mode - ignore website title tag

Question

I am trying to ignore the website title in print mode, follwing how to hide element in print mode, I have tried:

<title class="hidden-print">site title..</title>

And CSS:

   @media print{
        .hidden-print {
            display: none !important;
        }
   }

But still the title is visable in print mode.

BTW - can I hide the date next to the title in print mode?

Yes but it is not the problem. – Itsik Mauyhas Dec 26 '16 at 14:25 — Itsik Mauyhas, Dec 26 '16 at 14:25

xxCodexx · Accepted Answer · 2016-12-26T15:02:33.320

3

Please use this and then set margins according to your needs. This will remove the headers and backgrounds from the printer settings.

<style type="text/css" media="print">
    @page 
    {
        size:  auto;
        margin: 0mm;
    }
</style>

edited Dec 26 '16 at 15:02

answered Dec 26 '16 at 14:29

xxCodexx

score 2 · Answer 2 · edited May 23 '17 at 12:24

2

BTW - can I hide the date next to the title in print mode?

Are you talking about the footer/header elements : title and date when you print a webpage? It depends of your browser

edited May 23 '17 at 12:24

Community

answered Dec 26 '16 at 14:54

Anaïs

2 Answers2