Print-friendly pages
When someone prints a page, menus, sidebars, comments and the footer are left out, and link addresses are printed next to the links.
@media print {
#wpadminbar,
.site-header nav,
.main-navigation,
.wp-block-navigation,
.widget-area,
.sidebar,
#comments,
.comments-area,
.wp-block-comments,
.site-footer,
footer.wp-block-template-part {
display: none !important;
}
body {
background: #fff;
color: #000;
}
.entry-content a[href^="http"]::after {
content: " (" attr(href) ")";
font-size: 0.8em;
}
}
In these packs
- Content and media: Shortcodes, links, images and small design touches for the public site.