PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Print.css page width

  1. Minnie
    Member

    Is there a way to target the printing of a form so that it will span the width of an 8.5x11 sheet (with normal margins) in the browsers' default "Shrink to fit" mode?

    What is happening is that after suppressing a right sidebar, header and footer in the print.css file (using the Pagelines/Platform theme), the fit page width ends type as if the right margin were 2.5" wide. Thus, everything is shrunk to microscopic size.

    I tried putting a form into a page with no other content above/below it, but that didn't improve the situation.

    The idea here is not to have a customer have to print out a form they are going to fax and have to adjust the percentage of print size, as the browsers' shrink to fit was intended to just work.

    Here's the CSS targeting the id's that start the Print.css file:

    #container {width: 800px; margin: -10px;} /* testing added this line */
    #page-main {display:block; }
    #header {display:none; } /* working */
    #primary-nav { display:none !important; }
    #pagelines_content{ margin-left:0px;
    float:left; /* testing, was "none" */
    width:850px !important; /*testing width, was "auto" */
    display:block }
    #comments { display:none }
    #sidebar1 { display:none; }
    #sidebar2 { display:none }
    #footer { display:none }

    Thanks.

    Posted 10 years ago on Wednesday June 13, 2012 | Permalink