How can I add different styles to PDF and Print pages?

If "Full Page PDF" option is enabled than you can't affect on styles because the plugin will mirror what is shown on screen.

If "Full Page PDF" is disabled you can add CSS styles into PDF/Print versions. To do that, go to the plugin settings page, switch to the "Output" tab, find "Custom CSS" section, mark "Enable to add custom CSS code to documents." checkbox and enter the required styles. You can use the class 'pdfprnt_pdf'(pdfprnt_print) in order to add some styles only for PDF(Print) pages.

For example:

body p {
color: green;
}
.pdfprnt_print p {
color: red;
}

We'd like to note that some styles cannot be applied to PDF/Print versions. MPDF library is used for their generation. Here you can find which styles are supported by this library - https://mpdf.github.io/css-stylesheets/supported-css.html

Have more questions? Submit a request