It is about how we can put header and footer in a visual force page which is rendered as PDF.

Now if we want to add a image in header then add:

@top-center {
        content : element(header);

div.header {
    position : running(header) ;

in style and


before the body. We can also change font-size , font family , color etc of page using @page style.

Written by 

3x Salesforce MVP | Platform Champion | 18x Salesforce Certified | MuleSoft Certified | 8x Trailhead Ranger | TechForce Services | Sydney | Australia

Leave a Reply

Your email address will not be published.