Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • March 27, 2015 at 7:20 pm #419567
    kevinmcgillivray

    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 #419571
    kevinmcgillivray

    Actually, 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 #419573
    kevinmcgillivray
    This reply has been marked as private.
    March 28, 2015 at 7:00 am #419781
    Rikard

    Hi!

    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,
    Rikard

    March 29, 2015 at 9:07 pm #420092
    kevinmcgillivray
    This reply has been marked as private.
    March 31, 2015 at 4:19 pm #421285
    Ismael

    Hi!

    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,
    Ismael

    March 31, 2015 at 4:26 pm #421298
    Elliott

    Hi!

    Add this in /enfold/css/print.css.

    #main { padding-top: 0px !important; }

    Cheers!
    Elliott

    October 2, 2015 at 1:40 am #512498
    nicolasstelter

    Hi!

    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 #512631
    Rikard

    Hey,

    What problems are you facing? Please link to your site so that we can have a look at it.

    Thanks,
    Rikard

    October 2, 2015 at 10:12 am #512665
    nicolasstelter

    I 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?

    October 3, 2015 at 9:31 pm #513218
    Andy

    Hi!

    try to add this code into print.css:

    main.content.av-content-small.alpha.units {
width: 100%;
}

    Regards,
    Andy

    October 4, 2015 at 3:04 am #513259
    nicolasstelter

    thank you

    110% works best for me

    October 5, 2015 at 8:22 am #513530
    Rikard

    Hi,

    Great, glad you got it fixed :-)

    Best regards,
    Rikard

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.