Archived topic
Print across the entire page
7 replies · Started by Rui on May 1, 2020
Hi!
When I try a print preview of any post on my site (such as the url provided for admins) it does not occupy the entire page, as I wish.
I am using the following print style:
@media print {
.side-header,
.sidebar,
.main-navigation,
.widget-area,
.adsbygoogle,
.footer-widgets {
display: none !important;
}
body {
background: #fff !important;
color: #000;
}
}
What I need to do for the content to be printed span across the entire width of the page?
Thank you all!
Hi there,
Here's what I'm seeing right now: https://www.screencast.com/t/5zo2XvgHilO
Are you seeing different?
Hi Tom.
Yes, for me it's different: https://www.zenite.nu/page1.jpg
I´m using Firefox 75.0 (64 bits).
What if you add this to your media query?:
.content-area {
width: 100%;
}
It got wider, but it still doesn't occupy the whole page.
See: https://www.zenite.nu/page2.jpg
Weird, isn't?
Just made a change, can you give it a shot?: https://generatepress.com/forums/topic/print-across-the-entire-page/#post-1266424
Wow! It's much better now. Thank you!
You're welcome :)