anonymized-13171256
(@anonymized-13171256)
It depends. What do you want to do with the printout?
My wife’s testimonial page is here
http://veriloud.com/kellysblog/kelly-weimer-testimonials/
Which is great.
She often needs update printed versions for brochures/appointments. So I gave here a print button (as you see on the page above) on the right which goes to a simple format
http://veriloud.com/kellysblog/kelly-weimer-testimonials-print/
When she prints page (to pdf) she is not happy with:
http://veriloud.com/wp-content/Testimonials.pdf
where as you can see the testimonials break between pages. I can do the extra formatting and work, but was wondering if this has been requested before. Thanks!
anonymized-13171256
(@anonymized-13171256)
Thanks for the links. Always helps to see things in context.
I assume you’re using your browser’s print-to-PDF function. If not, let me know how you are producing the PDF.
Try this in your theme’s stylesheet, custom CSS function or a plugin like Simple Custom CSS:
@media print {
.testimonial {
page-break-inside: avoid;
}
}
Many thanks, just what I needed. Yes, I am using the browsers print to pdf
(on a mac cmd-p)
I not got it paginating correctly
http://veriloud.com/kellysblog/kelly-weimer-testimonials-print-2-2/
(fyi: I am having no luck with the newest or order list option in view, so I use random).
My next question is about the formatting, I have a dark theme (which I am regretting), and I would like to override the colors. The print seems to inverse the colors (which is good) except the heading Quote graphic is almost invisible. I tried the dark template in the view but that didn’t help.
Also, I think before the latest changes (adding views) I was able to custom the css per page, how would I customize the text elements (color etc) now?
Thanks!
anonymized-13171256
(@anonymized-13171256)
Newest first or oldest first is not working?
Usually, the browser removes any background color when printing. I’m not sure about font color; that may be in your theme somewhere.
You can still customize the CSS, the update only changed the class names out of necessity. That @media print code means print-only so the print version can be as different as you want.
For example:
@media print {
.strong-view.default .testimonial-inner {
border: none;
}
.strong-view.default .testimonial-content {
color: #444;
}
.strong-view.default .testimonial-heading {
color: #444;
}
}
The quote symbol is an image so we can’t change its color. You could make a darker version of it, replace it with another image, or use an icon font like FontAwesome.
I don’t have a full style guide so you can look in the plugin’s templates directory at the content.php/.css files or use your browser’s inspector to find the class names.
Yes, that helps. But the quote symbol is not showing – I think because the heading uses it as a background image and as you earlier said, the browser removes it by default. I could print with background on however …
anonymized-13171256
(@anonymized-13171256)
You’re right. I’ve never liked that background image approach.
I think your best option is to replace the quote symbol in your print-only CSS using :before instead. Then decide if you want to make the same change to the screen version for consistency. That would also give you more flexibility going forward.
Ok alls well with printing now, many thanks.
You asked “Newest first or oldest first is not working?”
All options other than “random” results with the oldest always showing on top.
I thought maybe it was because they were entered with an older plugin version, so to double check I just added a new one and sure enough “newest first” puts it at bottom.
anonymized-13171256
(@anonymized-13171256)
Glad you got the print working.
Are you using any post order plugins like Post Types Order or Intuitive Custom Post Order?
Yes, I use “Post Types Order”, I deactivated and now it works.
anonymized-13171256
(@anonymized-13171256)
This is fixed in version 2.2.8. You can now use Post Types Order and this plugin at the same time though you must enable reordering in Testimonials > Settings to reorder them.
