EPUB->PDF conversion: text align not effective in footer template for page number

[read&learn]

Calibre 5.0

The following footer template always generates a page number on the left side of footer area regardless of odd/even page, instead of alternating for even and odd pages.

<p id="pagenum" style="text-align:left">_PAGENUM_</p><script>if (_PAGENUM_ % 2 == 0) document.getElementById("pagenum").style.textAlign = "right";</script>

Please advise how to fix it. Thanks!

[kovidgoyal]

You dont need javascript for this, use the second example from https://manual.calibre-ebook.com/con...verting-to-pdf

[read&learn]

Thanks!

However, page numbers are always on right side of page with this template

<header style="justify-content: flex-end; font-size: smaller">
    <div class="even-page">_PAGENUM_</div>
    <div class="odd-page">_PAGENUM_</div>
</header>

and always on the left side of every page with this template

<header>
    <div class="even-page" style="justify-content: flex-start; font-size: smaller">_PAGENUM_</div>
    <div class="odd-page" style="justify-content: flex-end; font-size: smaller">_PAGENUM_</div>
</header>

and did not alternate on odd/even page.

[kovidgoyal]

<header style="font-size: smaller">
    <div class="even-page">_PAGENUM_</div>
    <div class="odd-page" style="text-align: right; width: 100%">_PAGENUM_</div>
</header>

[read&learn]

Originally Posted by kovidgoyal

<header style="font-size: smaller">
    <div class="even-page">_PAGENUM_</div>
    <div class="odd-page" style="text-align: right; width: 100%">_PAGENUM_</div>
</header>

Works like wonder. Many thanks!