I'm trying to show page numbers at the bottom of the page, along with a wavy line as the footer background image.
This is the CSS I have used:
But the result is that the page number is partly hidden, as in the screenshot.
I'd appreciate your help with this!
Thanks.
This is the CSS I have used:
@page main{
@bottom-center{
background-image:url("http://example.com/images/footer.jpg");
background-position:20% 35%;
background-repeat:no-repeat;
prince-background-image-resolution:auto;
}
@bottom-left {
margin-left:60pt;
margin-bottom:20pt;
font-size:40pt;
color:#231F20;
content: counter(page);
}
}
But the result is that the page number is partly hidden, as in the screenshot.
I'd appreciate your help with this!
Thanks.
Edited by Initiator