footer overlapping with text using chrome-pdf recipe

[rashmim00]

Hi,
How can I avoid footer overlapping with content. I am using chrome-pdf, jsreport v 2.1.0 and pdf-utils to render footer template on each page. styles defined are here.

footer {
   position:absolute;
   display:block;
   bottom:0;
   width:90%;
   padding-top:15px;
   text-align:center;
}
@page {
margin: 35px;
}

[edibegovic]

Adding some margin to the bottom in the chrome-pdf options should fix this.

  "chrome": 
    {
      "format": "A4",
       ...,
      "marginBottom": "2cm"
    }

[rashmim00]

Adding marginBottom didn't help. I have created a test sample at the playground.

https://playground.jsreport.net/studio/workspace/rylhOJNf7/9

[jan_blaha]

It seems you don't have the margin bottom set. Check it here
https://playground.jsreport.net/studio/workspace/rylhOJNf7/12

@edibegovic Thank you for your hint. It is great to see the community active.

[rashmim00]

Oooooooh... I am so blind. The margins at the template level. I was adding chrome margin to the jsreport.config.json file.
Thank you both Jan and @edibegovic.