Answers.Body: <p>There is CSS that is adding the space. When I remove the height for the following it will not print blank pages.</p>
  
  <p>crm-container div.form-item {
  height: 100%;
  }</p>
  
  <p>I would create an "extras.css" so that you can override some of the built-in CSS. You can specify a custom CSS file under Administer > System Settings > Resource URLs: Custom CSS URL. 
  <em>Note: the path to the CSS file should be accessible from a web browser.</em> </p>
  
  <p>If you add the following to the extras.css then it will fix the print of extra pages:</p>
  
  <pre><code>#Print1 div.form-item {
      height: 0;
  }
  </code></pre>
  
  <p>When you go to print summary you can cancel the chrome printing pop-up and then inspect the CiviCRM page (it has the "print" and "done" buttons). You can further refine the print style using the Chrome Dev tools.</p>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2019-03-15T11:29:38.380Z
Answers.Text: Thanks very much, it works. However it changes other pages style.
Answers.UserDisplayName: Joshua
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2019-03-15T16:33:42.097Z
Answers.Text: Interesting. I thought the id #Print1 was unique to the print page, which should make it only impact print pages. You may need to target the CSS a little bit more if this is not the case with your theme. 
  
  Trying using this instead: 
  form#Print1>div.form-item { height: 0; }
Answers.UserDisplayName: Sleewok
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2021-06-02T22:29:50.197Z
Answers.Text: From my experience not all printed pages within CiviCRM are affected by custom CSS. Case in point, if I choose to print a membership record, it imports /sites/all/modules/civicrm/css/print.css and does not make any reference to the custom stylesheet that is set in Administer > System Settings > Resource URLs.
Answers.UserDisplayName: Andrew Wasson
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2019-03-14T15:20:09.910Z
Answers.LastActivityDate: 2019-03-14T15:20:09.910Z
Answers.UserDisplayName: Sleewok
Body: <p>By pressing "Print Summary", there are 2 extra blank pages printed. One of them is before the content and the other is after. How can I make them disappear? I'm using CiviCRM version 5.10.4. Thanks.<a href="https://i.sstatic.net/ZXhff.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/ZXhff.png" alt="enter image description here"></a></p>
  
Comments.ContentLicense: CC BY-SA 4.0
Comments.CreationDate: 2019-03-14T15:06:35.120Z
Comments.Text: At first I was going to blame it on your theme, but I have the same result. It throws an error related to jQuery. I think there may be a bug related to the print summary function.
Comments.UserDisplayName: Sleewok
Tags: <drupal><search><drupal-views><debugging>
Title: How to fix it? By pressing “Print Summary”, there are 2 extra blank pages printed
ThreadText: # How to fix it? By pressing “Print Summary”, there are 2 extra blank pages printed
  
  (Asked by: username_0 on 2019-03-14)
  
  By pressing "Print Summary", there are 2 extra blank pages printed. One of them is before the content and the other is after. How can I make them disappear? I'm using CiviCRM version 5.10.4. Thanks.[![enter image description here](https://i.sstatic.net/ZXhff.png)](https://i.sstatic.net/ZXhff.png)
  
  **Tags:** drupal, search, drupal-views, debugging
  
  > **Comments:**
  > **username_1**: At first I was going to blame it on your theme, but I have the same result. It throws an error related to jQuery. I think there may be a bug related to the print summary function.  
  
  ---
  
  ## 1 answers
  
  ### Answer by username_1 on 2019-03-14. Score: 1
  
  There is CSS that is adding the space. When I remove the height for the following it will not print blank pages.
  crm-container div.form-item {
  height: 100%;
  }
  I would create an "extras.css" so that you can override some of the built-in CSS. You can specify a custom CSS file under Administer > System Settings > Resource URLs: Custom CSS URL. 
  Note: the path to the CSS file should be accessible from a web browser. 
  If you add the following to the extras.css then it will fix the print of extra pages:
  #Print1 div.form-item {
      height: 0;
  }
  
  When you go to print summary you can cancel the chrome printing pop-up and then inspect the CiviCRM page (it has the "print" and "done" buttons). You can further refine the print style using the Chrome Dev tools.
  
  > **Comments:**
  > **username_0**: Thanks very much, it works. However it changes other pages style.  
  > **username_1**: Interesting. I thought the id #Print1 was unique to the print page, which should make it only impact print pages. You may need to target the CSS a little bit more if this is not the case with your theme.   Trying using this instead:  form#Print1>div.form-item { height: 0; }  
  > **username_2**: From my experience not all printed pages within CiviCRM are affected by custom CSS. Case in point, if I choose to print a membership record, it imports /sites/all/modules/civicrm/css/print.css and does not make any reference to the custom stylesheet that is set in Administer > System Settings > Resource URLs.  
  
  ---
  
  