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 

Salesforce MVP | Lightning Champion | 17x Salesforce Certified | Application Architect | 7x Trailhead Ranger | Techforce Services | Australia

Leave a Reply

Your email address will not be published. Required fields are marked *