Shrink Image for Print

  • Resolved marcicropp

    (@marcicropp)


    6 years, 3 months ago

    Hello,

    I’m able to get a print friendly version of the page to print with the exception of the size of the image. It’s huge and on some computers goes across 2 pages. I have tried several different short codes with no success. Any idea on how to resize the image as a percentage or width px and height px?

    Here is the current code I’m using. The image is in .kevin_H_Marino_TEST
    [print-me target=”.kevin_H_Marino_TEST,.Kevin_H_Marino_Test_Awards” /]

    I’d appreciate an ideas on how to shrink the headshot image during print.

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

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

    (@twinpictures)

    6 years, 3 months ago

    First: you want the ID of kevin_H_Marino_TEST:

    [print-me target="#kevin_H_Marino_TEST,.Kevin_H_Marino_Test_Awards" /]

    Second, there are manny resources online on how to control the size of images using css. Try adding the following css to the print-page custom css section in the print-o-matic options page:

    .avia_image {
    width: 20%;
}
    Thread Starter marcicropp

    (@marcicropp)

    6 years, 3 months ago

    The part about print-page custom css section worked. It appears that the sizing I was using was in the css section (just above) – not the print-page custom css. Thank you for the response.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Shrink Image for Print’ is closed to new replies.