I am trying to print an image and can't remove the shadow or the huge top margin

  • CLE2020
    Asked on January 31, 2021 at 2:27 AM

    Please help. I've tried everything I could. I cannot remove the shadow from the printed version of my contract. Also, ideally, I would like the form to fill the page. If I can't do that, at least be centered vertically or at the top. It looks very strange when it's printed that it's a couple of inches from the top with a shadow around it. Thanks!

    Jotform Thread 2861962 Screenshot
    Page URL: https://consciouslifeexpo.com/exhibit-contract-2021/
  • Ariel JotForm Support
    Replied on January 31, 2021 at 12:45 PM

    Greetings,

    Try injecting the following CSS code:

    @media print {
        * {
            box-shadow: none !important;
            margin: 0 !important;
            padding: 0 !important;
        }
        img {
            width: 100% !important;
            height: auto !important;
        }
    }

    Once applied, it should look something like so:

    161211511520210201 014401 Screenshot 10 

    Give it a try and let us know how it goes.

    Related Guide: How to Inject Custom CSS Codes

  • CLE2020
    Replied on February 2, 2021 at 12:36 AM

    Ariel,

    You're amazing!!! That worked perfectly!!! Thanks!

    Tee