Text shifts in PDF exports

v0
1

I also use v0 to create and export PDFs from mockups. Everything looks fine in the preview, but when I export as a PDF, all the text shifts slightly downwards. The other elements remain in the correct position. I’ve tried everything, but I can’t find the cause of the error. Maybe someone here can help me?

1 Like
5

it can be some css being applied… try to search some code with @media like

 @media print {
      .no-print {
        display: none;
      }
    }

or some sort of code like this… maybe the css applied is doing this

1 Like
6

Thank you for your reply! Yes, it’s probably due to the CSS. Unfortunately, I can’t find “@media print”… Any other ideas?

7

@mw-6477 Do you have a link to your project anywhere so I can take a look, or is it private?

Also, what @fabriziodidthis-2350 suggested is great advice. You could tell v0 to add @media print styling to the CSS if it will help fix layout shift issues. I’d recommend describing the issue to v0 in detail and letting it try to fix it :slight_smile:

1 Like
8

I’d recommend what @bestcodes posted. Any examples would be super helpful!

1 Like
9

Let’s take this one. A colleague tried to create a marketing rollup and would like to export a printable PDF. I know this is not the purpose of v0 but it works and the preview is correct. Only the export (when you click on ‘export as pdf’) has these text shifts