Adding Page Numbers to Print Templates
Thursday, January 19th, 2012Some of the Pedias’ printing templates add an automatic page break after a certain number of entries. Starting with version 5.0.2 of the programs, this page break can be used via CSS to style in a page number at the footer of the page.
To add a page number add the following CSS code to the template inside the <style></style> section at the top of the HTML code.
body {
counter-reset: page;
}
.pageBreak {
width: 100%;
text-align: right;
counter-increment: page;
}
.pageBreak:before {
content: counter(page) " ";
}
Of course you can change the formatting or font in the pageBreak property to fit the template that you’re modifying.