Hi Jellby,
For most conversions, I'm using this CSS:
PHP Code:
body {background-color:transparent !important;}
@font-face {font-family: serif; src: local("ChareInk6")}
@page {
size: 17cm 32cm;
margin: 5mm 3mm 5mm 3mm !important;
@top-left {
font-size: 50%;
font-style: italic;
border-bottom: solid thin black;
margin-bottom: 1mm;
content: string(booktitle);
}
@top-center {
font-size: 50%;
font-style: italic;
border-bottom: solid thin black;
margin-bottom: 1mm;
content: string(chaptertitle);
}
@top-right {
font-size: 50%;
border-bottom: solid thin black;
margin-bottom: 1mm;
content: counter(page) "/" counter(pages);
}
}
@page:first {
margin: 1mm 1mm 1mm 1mm;
@top-left {
border-width: 0;
margin: 0;
content: normal;
}
@top-center {
border-width: 0;
margin: 0;
content: normal;
}
@top-right {
border-width: 0;
margin: 0;
content: normal;
}
}
body {
font-size: 15pt;
font-family: "ChareInk6";
text-align: justify;
prince-image-resolution: 166dpi;
hyphens: auto;
string-set: booktitle "@{@{title}@}@"
string-set: author "@{@{author}@}@"
}
Now I noticed that, on books with large covers, the cover image exceeds the printing area on the converted PDF's first page.
Is there some CSS styling I can apply to get the cover to fit the page size (17cm x 32cm, in most cases)?