title: Remove Header from First Page of HTML Generated PDF - CSS
body: <p>I have written following CSS to display Header and Footer on my each page of PDF </p>
  
  <ol>
  <li><p>I want to remove Header from my First Page of PDF</p></li>
  <li><p>Also I want to increase height of my Footer, so my entire footer text will fit into it.</p></li>
  </ol>
  
  <pre class="lang-html prettyprint-override"><code>&lt;style&gt;
      @page {
          @top-center {
          content: element(header,first-except);}
          @bottom-left {content: element(footer);}
      }
      div.header {
      padding: 10px;
      position: running(header);
      }
      div.footer {
          display: block;
          padding: 0px;
          position: running(footer);
          font-size:10px;
          size: 15.5in 10.2in;
      }
      .pagenumber:before { content: counter(page); }
      .pagecount:before { content: counter(pages);  }
  &lt;/style&gt;
  .............
  .............
  &lt;div align="left" class="header"&gt;
      &lt;h3 id="heading"&gt; Pension Scheme Account Opening Request (continued)&lt;/h3&gt;
  &lt;/div&gt;
  
  &lt;div class="footer"&gt;    
      &lt;div align="right"&gt;Page &lt;span class="pagenumber"/&gt; of &lt;span class="pagecount"/&gt;&lt;/div&gt;
      &lt;div&gt; MY FOOTER TEXT   &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>