i want to have a frontcover that has the title of the book & the author name on top of it like:
![](https://i.stack.imgur.com/PKvO9.jpg)
i'm doing that with basic css using tailwind css that i found here:
this works perfectly on web.
but it gives a weird output using princexml.
i read prince docs & it supports `translate` so idk what's causing the error. the image looks cut. there is no title & author on top of it. the book width looks smaller.
![](https://i.stack.imgur.com/SKNSU.png)
my full reproducible code is available here → https://github.com/deadcoder0904/princexml-playground (you can see the pdf to see the output)
what's the issue & how do i solve it? does prince allow to have text on top of image or is it just not possible?
![](https://i.stack.imgur.com/PKvO9.jpg)
i'm doing that with basic css using tailwind css that i found here:
@import url('https://fonts.googleapis.com/css?family=Nova+Flat');
.frontcover {
@apply relative text-white text-center;
& > h1 {
@apply text-5xl font-bold font-nova absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2;
}
& > span {
@apply text-3xl font-semibold font-nova absolute bottom-10 left-1/2 -translate-x-1/2 -translate-y-1/2;
}
}
this works perfectly on web.
but it gives a weird output using princexml.
i read prince docs & it supports `translate` so idk what's causing the error. the image looks cut. there is no title & author on top of it. the book width looks smaller.
![](https://i.stack.imgur.com/SKNSU.png)
my full reproducible code is available here → https://github.com/deadcoder0904/princexml-playground (you can see the pdf to see the output)
what's the issue & how do i solve it? does prince allow to have text on top of image or is it just not possible?