Elements being cut off when printed

  • Password for page is: wolfdog

    When I go to print the calculator, the right side gets cut off. This is happening with a few other calculators I have created as well. The calculator is embedded from the third party software Calconic.

    Can you help me fix this?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor twinpictures

    (@twinpictures)

    The password does not allow the page to be viewed.
    Sounds like this is a print-css issue.
    how advanced at using your browser’s dev tools? You could view the page using the print css emulator and then see what css is causing the page to be cut off.
    or, verify that the password works, and we can try to assist further.

    Regardless, it’s a CSS issue.

    Thread Starter jenwhitt29

    (@jenwhitt29)

    Sorry the password is wolfdog2022. Can you look again?

    Plugin Contributor twinpictures

    (@twinpictures)

    try setting the page size of the print:

    Try adding the following CSS:

    @media print {
   @page {
     size: A4;
     margin: 0;
   }
  html, body {
    width: 210mm;
  }
}
    • This reply was modified 2 years, 4 months ago by twinpictures.
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Elements being cut off when printed’ is closed to new replies.