I created a duplicate (printable) page and added some custom css to get rid of the ‘non’ shiftcontroller information.
.page-id-19314 #header,
.page-id-19314 #sub-footer,
.page-id-19314 #footer-widgets,
.page-id-19314 #footer {
display: none;
}
Then created a link on original schedule page
http://wmbc.ca/give-2/volunteer-schedule/
that links to printable schedule.
http://wmbc.ca/volunteer-schedule-2/
Very close to perfect (printing in landscape mode and legal paper). Just need to tighten up on the line spacing to get it all on one page.
VERY excited, will save a lot of work for everyone!
Added the following to tighten up line spacing.
.page-id-19314 .entry-content ul li { /* Get rid of bullets, and tightens up line spacing */
list-style-type: none !important;
}
Now my schedule fits on one page. HEAVEN!
Put everything in a @media print tag last in your regular CSS-file.
Then the regular page uses one layout on screen and one when printed. (No need of duplicate pages.)
@media print {
.page-id-19314 #header, .page-id-19314 #sub-footer, .page-id-19314 #footer-widgets, .page-id-19314 #footer {
display: none;
}
/* Get rid of bullets, and tightens up line spacing */
.page-id-19314 .entry-content ul li {
list-style-type: none !important;
}
}
Awesome! Works perfect!
Learned something new.
Also eliminated the Add Shifts Plus Sign from printed schedule.
/* To make shiftcontroller schedule page pretty for printing */
@media print {
/* Remove wordress header, footer, etc */
.page-id-19084 #header, .page-id-19084 #sub-footer, .page-id-19084 #footer-widgets, .page-id-19084 #footer {
display: none;
}
/* Remove the Add Shift Button from printable schedule */
.page-id-19084 #nts .hc-py1 {
display: none;
}
/* Get rid of bullets, and tightens up line spacing */
.page-id-19084 .entry-content ul li {
list-style-type: none !important;
}
}
