ok, the issue is that there is not enough time being given to let the images load on the print page. You have two options:
First, add some pause before print time. this can be added in the plugin settings, try a number like 2000 to give 2 seconds.
Second (Better Option), Check out our upcoming version:
https://github.com/baden03/print-o-matic/tree/2.0-redo
This handles the print in a much smarter way and does not require the images to reload for the print page.
Let us know how it goes!
Thread Starter
dmsims
(@dmsims)
Thank you taking the time to reply
Tried 2.0 alpha – much better – though not every image loads every time
The last image (page 13) gets split over 2 pages
Will 2.0 make it into a Pro version (want to support the plugin!)
though not every image loads every time
Hmmm… is a lazy load being used for images? Or, maybe the print trigger is clicked before the page completely loads?
The last image (page 13) gets split over 2 pages
page 13! Thirteen pages? Might consider creating a PDF and offering that as download / print… however, if you want to prevent an image from being split over two pages, check out this support thread:
https://stackoverflow.com/questions/2649169/print-styles-how-to-ensure-image-doesnt-span-a-page-break
and finally:
Will 2.0 make it into a Pro version
But of course! We are preparing to release both the free and pro versions togher.
Let us know if we can be of any further support on this.
Thread Starter
dmsims
(@dmsims)
Okay I’ve spent a good few hours trying to fix the split images
I tried the CSS
img {
page-break-before: auto;
page-break-after: auto;
page-break-inside: avoid;
}
I also added display: block; to the above
I also tried creating a class (called imageprint) withe the CSS above and applying to the image block
I tried changing the theme to 2020
Tried changing the image size
Deactivated the Light box plugin
None of those worked
https://stackoverflow.com/questions/34534231/page-break-insideavoid-not-working
Have you tried defining this css in a @media print wrapper, like so?:
@media print {
img {
page-break-before: auto;
page-break-after: auto;
page-break-inside: avoid;
position: relative;
}
}
Actually, after looking at the results, it seems like it is working as expected, you just have an issue with the last image being a bit large. Try adding the following css:
max-height: 100%;