Adding Page Numbers to Print Templates

Some 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.

Tags: ,