Tagged: print.css
-
AuthorPosts
-
March 27, 2015 at 7:20 pm #419567
Hi there. Sorry if this has been answered somewhere else. I searched but haven’t found an answer.
When I “print preview” a page from a site running Enfold, the sidebar is hidden (which is great) but the main content does not expand to fill the entire width of the page. It’s as if the sidebar area is still being included, just not printed. How would I make the content fill the printed page?
Thanks!
March 27, 2015 at 7:33 pm #419571Actually, I figured this out. I’m going to enqueue my own print.css file with the following so the content is full width, the meta bar across the top is hidden and the share bar is hidden as well.
#top #main main{ width: 100%; } footer.entry-footer { display: none; } div#header_meta { display: none; }
Can you help me figure out why the header is so tall on this site, though? I’ll include the URL in separate private reply.
March 27, 2015 at 7:35 pm #419573This reply has been marked as private.March 28, 2015 at 7:00 am #419781Hi!
I’m not entirely sure what you mean by the header being tall, could you please provide us with screenshots highlighting the issue?
Best regards,
RikardMarch 29, 2015 at 9:07 pm #420092This reply has been marked as private.March 31, 2015 at 4:19 pm #421285Hi!
Try to adjust the header height on print view with this on Quick CSS field or custom.css:
@media print { /* All your print styles go here */ #header { height: 20px; padding: 0; margin: 0; } }
Regards,
IsmaelMarch 31, 2015 at 4:26 pm #421298Hi!
Add this in /enfold/css/print.css.
#main { padding-top: 0px !important; }
Cheers!
ElliottOctober 2, 2015 at 1:40 am #512498Hi!
I dont care about the header, but I want to print the content on full page.
I tried to add to /enfold-child/css/print.css
#top #main main{ width: 100%; } footer.entry-footer { display: none; } div#header_meta { display: none; }
October 2, 2015 at 9:21 am #512631Hey,
What problems are you facing? Please link to your site so that we can have a look at it.
Thanks,
RikardOctober 2, 2015 at 10:12 am #512665I am faceing the same problem like kevinmcgillivray initially did.
When I “print preview” a page from a site running Enfold, the sidebar is hidden (which is great) but the main content does not expand to fill the entire width of the page. It’s as if the sidebar area is still being included, just not printed. How would I make the content fill the printed page?
- This reply was modified 9 years, 1 month ago by nicolasstelter.
October 3, 2015 at 9:31 pm #513218Hi!
try to add this code into print.css:
main.content.av-content-small.alpha.units { width: 100%; }
Regards,
AndyOctober 4, 2015 at 3:04 am #513259thank you
110% works best for me
October 5, 2015 at 8:22 am #513530 -
AuthorPosts
- You must be logged in to reply to this topic.