cannot add background color to Header/Footer

I’m trying to customize the header and footer. But I cannot add the background color to the footer. And footer size is not the same. This is what I’m trying to do. page.pdf({ path: 'test.pdf', format: 'a4', landscape: '!data.isPortrait', footerTemplate: '<div class="footer" style="height:75px;position: absolute;background- color:red;top:auto;left:0px;right:0px;bottom:0px;">\ </div>', displayHeaderFooter: true, margin: { top: "75px", bottom: "75px" } });

• Puppeteer version:1.1.0
• Platform / OS version:ubuntu 16.04
• URLs (if applicable):
• Node.js version:8.9 What is the expected result? Footer background color should be in red color. What happens instead? Footer background color is not changed.

[Guruhbk]

I found the solution. To add background-color to header/footer or to the entire page in Puppeteer, we need to add an additional css property, -webkit-print-color-adjust: exact. Now it works fine.

[atmortensen]

For people who find this from Google, you can also add printBackground: true https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#pagepdfoptions